title: Adding a field to a form (jQuery)
body: <p>I'm constructing a form. No problem there. Aside of a submit button, I have another button that, when clicked, adds another field to the form. I am attempting to use javascript (jquery) to do this. Needless to say I am not having any luck. 
  I have tried many different methods, and this is the one I gave up at: </p>
  
  <pre><code>$("#snew").click(function () {  
  var container = $("#sblc").add("div");
  var content = "&lt;select&gt; &lt;option&gt;Domestic&lt;/option&gt;&lt;option&gt;Tiger&lt;/option&gt;&lt;option&gt;Peeled                  Raw&lt;/option&gt;&lt;option&gt;Cooked Peeled Tail On&lt;option&gt;&lt;/select&gt;&lt;select&gt; &lt;option&gt;1 lbs&lt;/option&gt;   &lt;option&gt;2 lbs&lt;/option&gt;&lt;option&gt;3 lbs&lt;/option&gt;&lt;/select&gt;";
  
                  $(container).attr("class", "opt");
                  $(container).append(content); 
                  $(container).appendTo("#sblc"); 
  
              })
  </code></pre>
  
  <p>Here is the HTML that corresponds: 
  <a href="http://pastie.org/3729304" rel="nofollow">http://pastie.org/3729304</a>
  (I couldn't figure out how to get the HTML to display properly on here. Sorry for the link. )</p>
  
  <p>Whenever I try this, I end up either getting a completely white page, or nothing happens at all. 
  Any help would be greatly appreciated. </p>