title: How do I select the first sibling of a certain element type with jQuery?
body: <p>The HTML is structured like this:</p>
  
  <pre><code>&lt;div id="myDiv"&gt;&lt;/div&gt;
  &lt;img src="" /&gt;
  &lt;p&gt;&lt;/p&gt; // I want to select this element 
  &lt;h1&gt;&lt;/h1&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h2&gt;&lt;/h2&gt;
  </code></pre>
  
  <p>Based on my start element <code>&lt;div id="myDiv"&gt;</code> There are several more <code>&lt;p&gt;</code> siblings but I only want the first one, as seen in the code. </p>
  
  <p>How can I achieve this? </p>