title: Unable to dynamically add dropdown menu through Jquery
body: <p>It may sound trivial but I am unable to do it. </p>
  
  <p>Here is the simple code : what's wrong I am doing here ?</p>
  
  <p>Is it like I have misunderstood the function? If yes, please correct me.</p>
  
  <pre><code> &lt;html&gt;
    &lt;head&gt;
     &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;                             
      &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
         $(".button").click(function(){
          jQuery('#id').append('&lt;select&gt;&lt;/select&gt;');
         });     
        });
     &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body &gt;
      &lt;input type="submit" class="button" id="id" value="submit"/&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p></p>