title: jquery find next but not exactly next within parent
body: <p>My problem is
  I have html like:</p>
  
  <pre><code>&lt;ul id="myblock"&gt;
    &lt;li id="first" class="myele"&gt;list item 1&lt;/li&gt;
    &lt;li&gt;list item 2&lt;/li&gt;
    &lt;li class="myele"&gt;list item 3&lt;/li&gt;
    &lt;li class="myele"&gt;list item 4&lt;/li&gt;
    &lt;li&gt;list item 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>now i want to find next element from "list item 1" with having class "myele" so how to do that?</p>
  
  <p>currently I am using </p>
  
  <pre><code>$("#first").next(".myele")
  </code></pre>
  
  <p>but its not working because its not exactly next to it</p>