title: Appending DIV to DIV multiple times - does not appear if repeated
body: <p>Have gleaned much help from this site from reading the various posts over the years but am a bit stuck on this one and cannot seem to find an answer:</p>
  
  <p>I'm displaying/replacing a drop down list which depends on the type of 'table' selected (via a radio button)</p>
  
  <p>All works great...until I try to display a list that has been displayed before...i.e. when I click on a radio button twice I cannot get it to redisplay the list. I have also tried loading all the DIV HTML into an array and calling that so it must(?) be something to do with the append?</p>
  
  <p>This is the HTML I am using. (The  'max@times' in the HTML is where I replace the list with my dynamically generated content - and creates all the various drop down lists in one shot and does not continually fetch them from the server)</p>
  
  <pre><code>&lt;div id="selectarea"&gt;&lt;/div&gt;
  &lt;div id="tables"&gt;
   &lt;div id="tables2"&gt;&lt;p&gt;&lt;select id="select2" class="tables" name="tables2"&gt;&lt;option value=""&gt;Please Select&lt;/option&gt;" &amp; max2times &amp; "&lt;/select&gt;&lt;/p&gt;&lt;/div&gt;"
   &lt;div id="tables4"&gt;&lt;p&gt;&lt;select id="select4" class="tables" name="tables4"&gt;&lt;option value=""&gt;Please Select&lt;/option&gt;" &amp; max4times &amp; "&lt;/select&gt;&lt;/p&gt;&lt;/div&gt;"
   &lt;div id="tables6"&gt;&lt;p&gt;&lt;select id="select6" class="tables" name="tables6"&gt;&lt;option value=""&gt;Please Select&lt;/option&gt;" &amp; max6times &amp; "&lt;/select&gt;&lt;/p&gt;&lt;/div&gt;"
   &lt;div id="tables8"&gt;&lt;p&gt;&lt;select id="select8" class="tables" name="tables8"&gt;&lt;option value=""&gt;Please Select&lt;/option&gt;" &amp; max8times &amp; "&lt;/select&gt;&lt;/p&gt;&lt;/div&gt;"
   &lt;div id="continue"&gt;&lt;p style="text-align:center;"&gt;&lt;input type="button" id="now" value="Continue" name="now"&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My JQuery looks like this and does function ok (I was using the alert just to check that it was firing and the correct value was being passed!)</p>
  
  <pre><code>$("input:radio[name=tabletype]").live("click",function() {
                  var value = $(this).val();
                  alert("Button Click " + value);
                  $("#selectarea").html("");
                  var tblSel = $("#tables"+value);
                  $("#selectarea").append(tblSel);
                  });
  </code></pre>
  
  <p>Any help/ideas would be gratefully received!!!</p>
  
  <p>Thanks,</p>
  
  <p>GS</p>