title: Select every element that is not inside another element
body: <pre><code>&lt;img src="xxx" alt="xxx" title="xxx"&gt;
  &lt;div class="buttons"&gt;
      &lt;a href="xxx"&gt;&lt;img src="xxx" alt="xxx" title="xxx"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to write a jQuery selector, that will select ONLY images with title attributes that are OUTSIDE the .buttons div. I know that to select images with title attributes I need to use something like this:</p>
  
  <pre><code>$("img[title]")
  </code></pre>
  
  <p>I know that there is something like :not() selector in jQuery, but I can't find the way to combine them together to achieve that exact result.</p>