title: Error: Syntax error, unrecognized expression
body: <p>I was trying to trigger my onclick event until I got the following in console log:</p>
  
  <blockquote>
    <p>Error: Syntax error, unrecognized expression: li[data-path='00's']</p>
  </blockquote>
  
  <p>My code is as follows:</p>
  
  <pre><code>$( "li[data-path='00\'s']" ).on("click", function() 
  {
      console.log("in 00s");
      $('#replacewithimg').replaceWith('&lt;img id="replacewithimg" src="../assets/img/playlist-icons/00s.png" style="padding-left: 5px;padding-right: 10px;padding-bottom: 5px;"&gt;');
      $('#replacewithtext').replaceWith('&lt;b id="replacewithtext" style="font-size:30px;"&gt;00\'s Playlist&lt;/b&gt;');
      $('#replacewithtext2').replaceWith('&lt;p id="replacewithtext2" style="font-size:18px; padding-top:10px;"&gt;Includes Amy Whinehouse, Westlife, The Killers...&lt;/p&gt;');
  });
  </code></pre>
  
  <p>If you click on an element matching the <code>li</code> tag which contains a data-path with</p>
  
  <blockquote>
    <p>00's</p>
  </blockquote>
  
  <p>Then do its thing. I think is issue is with the escaping single quote?</p>