title: Cannot append a select box with JQuery
body: <p>Start with: I am very new to Front End dev (it got added to my java backend work:)). I have a modal that opens on a page with a table with two rows - each with 2 inputs and a select box. If  you click a button....it should add another row with the same elements. They use to do it this way: have a table footer that was hidden with the elements in (starting with row: &lt;tr&gt;), then when you click the button it calls the table body and .append the footer. Then call the attr on the three elements and change the id and name. For some reason if the footer is unhidden...the dropdown works, but the copied version doesn't. We investigated the names, the values, etc. The values are in the rendered html...the dropdown just doesn't open.</p>
  
  <p>So now what I am trying to do...which I feel might be cleaner. Is create a variable with the html...and append that everytime the button is clicked. But the select element has a tag that was written...so I don't know if this is the problem, but everytime I try and add it to the mix....There are errors about unexpected token(&lt;). If I take the one line that starts &lt;dfm:catombobox&gt; away - it works... Anyone have ideas to help me add the "catombobox" which is the select with the tag? PS: If I take the quotes away and just copy that line to the original table...it works??</p>
  
  <pre><code> var newRow = '&lt;tr&gt;'+
                '&lt;td nowrap="nowrap"&gt;&lt;strong&gt;R&lt;/strong&gt; &lt;input class="amount input-small" style="margin-top: 8px;margin-bottom: 0;" type="text"/&gt;&lt;/td&gt;'+
                '&lt;td nowrap="nowrap" style="padding-top: 7px;"&gt;'+
  
                '&lt;dfm:catombobox cssClass="input-medium" id="CategoryId_Test" name="CategoryName_Test" showEmptyCategory="true" showGroups="true" value=""/&gt;'+
  
                 '&lt;/td&gt;'+
                 '&lt;td&gt;&lt;input class="input-medium" style="margin-top: 8px;margin-bottom: 0;" type="text"/&gt;&lt;/td&gt;'+
                 '&lt;td&gt;&lt;a class="remove" href="#"&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;'+
                 '&lt;/tr&gt;';
              $("#mytable tbody").append(newRow);
  </code></pre>