title: How to add "<li>" into "<ul>" using jquery?
body: <p>Can someone help adding to 'li' into 'ul'. not sure what im missing here. I have html in a variable</p>
  
  <p>Below is the code snippet</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myhtml = "&lt;div&gt;&lt;ul&gt;&lt;/ul&gt;&lt;/div&gt;";
  var msg = "&lt;li&gt;some message&lt;/li&gt;";
  $(myhtml).find("ul").append(msg);
  $("#mycontainer").append(myhtml);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id=mycontainer&gt;My Div&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>