change value after ajax request!
<p>if i have 3 html pages as follows:</p>

<p>home.html:</p>

<pre><code>&lt;form method="get"&gt;        
  &lt;input class="someForm" type="radio" value="1" name="someForm" /&gt; Name
  &lt;input class="someForm" type="radio" value="2" name="someForm" /&gt; Email
  &lt;div id="container"&gt;&lt;/div&gt;
  &lt;input type="submit" /&gt;
&lt;/form&gt;

&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
  var ajaxResponse = new Object();
  $(document).ready(function () {
    $('.someForm').click(function () {
    var rbVal = $(this).val();
        var myContent;
        if (ajaxResponse[rbVal]) { //in cache
          myContent =  ajaxResponse[rbVal];
          $("#container").html(myContent);
        }
        else { // not in cache
      var urlForAjaxCall = "file" + rbVal + ".html"; 
          $.get(urlForAjaxCall, function (myContent) {
             ajaxResponse[rbVal] = myContent;
             $("#container").html(myContent);
          });
        }
      });
    });
&lt;/script&gt;
</code></pre>

<p>file1.html:</p>

<pre><code>Name: &lt;input type="text" name="name1" value="myName" /&gt;
</code></pre>

<p>file2.html:</p>

<pre><code>Email: &lt;input type="text" name="email2" value="myName@abc.com" /&gt;
</code></pre>

<p>what i want to do is that when i click (for example) radio button 1 and write something in the corresponding textbox (Name) "Alex" for example and then click whichever radio button in home.html and then reclick radio button 1 then i get the new value instead of getting "myName", any idea on how to do that?
tia</p>
