title: unable to get value from textbox used inside a facebox
body: <p>I am using the following code:</p>
  
  <p></p>
  
  <pre><code>&lt;div class="example"&gt;
      &lt;p&gt; &lt;a href="#info" rel="facebox"&gt;View Facebox&lt;/a&gt; &lt;/p&gt;
      &lt;p&gt;  &lt;input id="Button1" type="button" value="button" onclick="Get_Value();"/&gt;&lt;/p&gt;  
  &lt;/div&gt;
  
  &lt;div id="info" style="display:none;"&gt;
  &lt;p&gt;&lt;input id="text1" name="text1" type="text" value="abc"/&gt;&lt;/p&gt;
  &lt;p&gt;  &lt;input id="Button2" type="button" value="button" onclick="Get_Value();$.facebox.close(); return;"/&gt;    &lt;/p&gt;                 
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function Get_Value()
  {
   alert($('#text1').val());
  
   var myTextField = document.getElementById('text1');
   alert("You entered: " + myTextField.value)
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>The problem is that, in my alert statements, I am always getting the initial value 'abc' for the textbox text1;  but not any value that is entered by the user when it is opened inside a facebox. Can anybody please help me out?</p>