title: URL Query with JQuery .hide() function not working. Why?
body: <p><em>I will update the title of this question after I fully understand what I am asking</em></p>
  
  <p>I am using the vimeo api to display an array of videos using JSON and uses the tags as classes. This is working fine.</p>
  
  <p>However at the end of the script I want to hide any elements that don't match the query in the url. </p>
  
  <pre><code>var query = location.href.split('/#/').pop().split('/').join(" ");
  </code></pre>
  
  <p>I grab the query from the url (http://website.com/link/to/page/#/tag/tag/tag/tag = "tag tag tag tag") then check it against the classes of each result item.</p>
  
  <pre><code>// Find Parent &amp; checks for query classes
  var thisTile = tile.parent().parent(),
      matchesClass = thisTile.hasClass(query);
  
  // If does hot have query as class then hides
  if (matchesClass === false) {
      $(this).hide();
  }
  </code></pre>
  
  <p><strong>NOTE: Everything works except the part where it is supposed to hide the result item if it doesn't have the query classes.</strong></p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/JamesKyle/Rt4pt/" rel="nofollow">http://jsfiddle.net/JamesKyle/Rt4pt/</a></p>
  
  <p>Test Query: <a href="http://jsfiddle.net/JamesKyle/Rt4pt/show/#/basketball" rel="nofollow">http://jsfiddle.net/JamesKyle/Rt4pt/show/#/basketball</a></p>