title: How to add element inside another element with jquery
body: <p>Hey I'm trying to add <code>&lt;a&gt;</code> tag inside <code>&lt;li&gt;</code> with jquery and I'm struggling to find the right way.
  here is my code example :</p>
  <pre><code>$dropdown.find('ul').append($('&lt;li&gt;&lt;/li&gt;').append($('&lt;a&gt;&lt;/a&gt;'))
      .attr('href', $option.val())
      .attr('data-display', (display || null))
      .addClass('option ' + customClassEtay +
      ($option.is(':selected') ? ' selected' : '') +
      ($option.is(':disabled') ? ' disabled' : ''))
      .html($option.text())
  </code></pre>