title: Special characters in data attribute values
body: <p>I have an html content where this can be found:</p>
  
  <pre><code>&lt;li data-id="87dhqsiu37fGyqUNA786d6F7="&gt;
  </code></pre>
  
  <p><em>Note the <code>=</code> sign at the end of the data attribute value</em></p>
  
  <p>How can I select it using a jQuery selector?</p>
  
  <p>I tried this without success:</p>
  
  <pre><code>$("li [data-id=87dhqsiu37fGyqUNA786d6F7]")
  $("li [data-id=87dhqsiu37fGyqUNA786d6F7\=]")
  $("li [data-id=87dhqsiu37fGyqUNA786d6F7\u003D]")
  $("li [data-id=87dhqsiu37fGyqUNA786d6F7&amp;#61;]")
  </code></pre>
  
  <p>Each time gets me a Syntax Error (except for the first line, which just doesn't find the element).</p>