title: jQuery accessing form values in a div that has been loaded through $.ajax
body: <p>I am loading a page into a div via jQuery in install1 .
  Now the page that install1 gives me contains a few radio buttons the likes of:</p>
  
  <pre><code>&lt;input name="ostype" type="radio" value="solaris"&gt;
  &lt;input name="ostype" type="radio" value="windows"&gt;
  </code></pre>
  
  <p>Now, I am trying to access the selected value in install2 .</p>
  
  <p>Here is the JavaScript code for the two functions:</p>
  
  <pre><code>function install1() {
    $("#installer").html("&lt;div align='center'&gt;&lt;img src='modules/servers/flosoftdedicated/images/ajax/loading-warning.gif' border='0' alt='' /&gt;&lt;br /&gt;Loading...&lt;/div&gt;"); 
    $.ajax({
      type: 'GET',
      url: 'clientarea.php',
      data: 'action=productdetails&amp;id=' + $('#serverid').val() + '&amp;modop=custom&amp;a=installgetos&amp;step=1',
      timeout: 10000,
      success: function(data){
          $("#installer").html(data);
          },
      });
  }
  function install2() {
    $("#installer").html("&lt;div align='center'&gt;&lt;img src='modules/servers/flosoftdedicated/images/ajax/loading-warning.gif' border='0' alt='' /&gt;&lt;br /&gt;Loading...&lt;/div&gt;"); 
    $.ajax({
      type: 'GET',
      url: 'clientarea.php',
      data: 'action=productdetails&amp;id=' + $('#serverid').val() + '&amp;modop=custom&amp;a=installgetos&amp;step=2&amp;ostype=' + $("input[name='ostype']:checked").val(),
      timeout: 10000,
      success: function(data){
          $("#installer").html(data);
          },
      });
  }
  </code></pre>