jQueryUI 로 팝업 사용시 팝업에 사용된 input 등의 컨트롤은 팝업 용도로만 사용 가능

jQueryUI 로 팝업 띄울때, 팝업에 input 등의 태그를 사용하고 form 문 안에 정의하더라도..
팝업에서만 사용되고, action 쪽으로 해당 내용이 넘어가지 않습니다. ^^>

<form name="frmBasic" method="post">
<input name="nameA" ... /><!-- 값을 넘겨주는데 사용되는 input 컨트롤, nameB 의 짝 -->
...
<div id="idPopupA" ...>
<input id="nameB" name="nameB" ... /><!-- 팝업으로 사용되는 input 컨트롤, nameA 의 짝 -->
...
</div>
...
</form>
<iframe name="frmProc" ...></iframe><!-- 화면 전환을 하지 않고, DB 작업을 하기 위해 iframe 사용 -->

<script>
<!--
 function loginPlz(){ $('#idPopupA).dialog('open'); $('#nameB).focus(); } // 로직상 팝업을 띄우는 함수

 function chkMe(){
  var f = document.frmBasic;
  f.action = '...';
  ...
  f.nameA.value = $('#nameB').val(); // 바로 이 부분입니다. 팝업용 input 값을 form 문의 input 에 다시 넣어줘야 해요.
  f.target = 'frmProc';
  f.submit();
 }

 function doThis(){ // 로직상 DB 쪽에 저장하기 위한 함수
  $('#idPopupA').dialog('close');
  var f = document.frmBasic;
  f.action = '...';
  f.mode.value = '...';
  f.target = 'frmProc';
  f.submit();
 }

 $(document).ready(function(){ // 로직상 팝업을 설정하는 함수
  $("#idPopupA").dialog({
   autoOpen: false,
   height: 90,
   width: 240,
   modal: true,
   draggable: false,
   resizable: false
  });
  });
//-->
</script>