title: Finding the first shared parent of two elements
body: <p>Lets say I have this DOM structure</p>
  
  <pre><code>&lt;body&gt;
      &lt;p&gt;
          Hello
          &lt;i&gt;how &lt;b&gt;are&lt;/b&gt; you&lt;/i&gt;
          and
          &lt;i&gt;what &lt;b&gt;are &lt;tt&gt;you&lt;/tt&gt; going&lt;/b&gt; to&lt;/i&gt;
          eat tonight?
      &lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Using jQuery I want to get to know the FIRST shared parent of the</p>
  
  <pre><code>&lt;b&gt;are&lt;/b&gt;
  </code></pre>
  
  <p>and the</p>
  
  <pre><code>&lt;tt&gt;you&lt;/tt&gt;
  </code></pre>
  
  <p>From down to top this would be the &lt; p > not the &lt; body > tag.</p>
  
  <p>Any ideas on how to determine the first shared parent utilizing jQuery?</p>