Select elements by innerHTML with jQuery

Sometimes it is necessary to use jQuery to select html elements with a certain innerHTML value.  Consider the following 3 labels:

<label>apples</label>
<label>oranges</label>

<label>opal fruits</label>

Apparently the following are all equivalent ways of matching a label based on its innerHTML value:

$("label[innerHTML=opal fruits]") - no quotes
$("label[innerHTML='opal fruits']") - single quotes within double quotes
$("label[innerHTML=\"opal fruits\"]") - escaped double quotes within double quotes


However innerHTML must be a strange one, as this form of matching only works for strings of multiple words and without the quotes.  As soon as you try and match a single word, or put quotes around the string, no matches are found.  Even more confusing is that if you try the following, which should match any element with innerHTML, you get no matches:

$("[innerHTML]")

Fortunately, jQuery, as you might expect, has a better way of doing it using the :contains(text) selector.  So now I can use the following:

$("label:contains(opal fruits)")