title: Specify which jQuery selector has priority over the others when separating them with commas
body: <p>In jQuery, let's say I have the following JavaScript:</p>
  
  <p><code>$fooBar = $('a').filter('[href*="foo"], [href*="bar"]').first()</code></p>
  
  <p>And the following HTML:</p>
  
  <pre><code>&lt;a href="bar.html"&gt;Bar&lt;/a&gt;
  &lt;a href="foo.html"&gt;Foo&lt;/a&gt;
  </code></pre>
  
  <p>Then <code>$fooBar</code> will return the <code>bar.html</code> link. But, in this case, because I specified that the <code>foo</code> selector comes first, I want <code>foo.html</code> to be returned instead. How can I make jQuery prioritize the results based on which selector comes first, rather than returning the results based on their location in the DOM?</p>
  
  <p>Or is the only, true way to do this is to run each query with only one selector at a time, in order?</p>