title: How can I check for existing "li" items before appending?
body: <p>I'm new to jQuery and I'm trying to insert a new <code>&lt;li&gt;</code> item in the list, but only if this item does not exist already. For example:</p>
  
  <pre><code>&lt;ul id="myList"&gt;
        &lt;li&gt;Item 1&lt;/li&gt;
        &lt;li&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>That is, "Item 7" should insert, but not "Item 1". I´m going crazy over statements like these:</p>
  
  <ol>
  <li><p><code>var ListItems = $('#myList li').find('Something');</code></p></li>
  <li><p><code>var ListItems = $('#myList li').html() == 'something';</code></p></li>
  <li><pre><code>var exist = $('#myList li').each(){
      if($(this).html == 'something')
          return false;
  });
  </code></pre></li>
  </ol>
  
  <p>These pieces of code are only to check if <code>&lt;li&gt;</code> items exist, not to insert in the list. I'm assuming that these options are crazy but I'm trying to learn.</p>
  
  <p>What is the right way? Any advice or suggestions?</p>