title: How to add a <select> tag to an HTML doc when a user clicks on <a href...> tag using JQuery
body: <p>I am creating a page that lets the user select an item from a list, and provides a mechanism to add additional items from the same drop down menu.</p>
  
  <p>My HTML code snippet is:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="ventureadd"&gt;Size&lt;/td&gt;
      &lt;td&gt;
          &lt;input type="text" size="10" name="txtAddress1" /&gt;
          &lt;select id="selSize"&gt;
              &lt;option value="noselection"&gt;Select One&lt;/option&gt;
              &lt;option value="feet"&gt;Sq. Feet&lt;/option&gt;
              &lt;option value="meters"&gt;Sq. Meters&lt;/option&gt;
              &lt;option value="gunta"&gt;Gunta&lt;/option&gt;
              &lt;option value="yards"&gt;Sq. Yards&lt;/option&gt;
              &lt;option value="acre"&gt;Acres&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and the JavaScript is:</p>
  
  <pre><code>$(document).ready(function(){
      $(".addhousinglink").click(function(){
          $('#addhousing').append(
              $("&lt;p&gt;Here's a jQuery object&lt;/p&gt;")
          );
          return true;
      });
  </code></pre>
  
  <p>Where am I going wrong?</p>