title: Hide parent DIV with jQuery
body: <p>How do I hide a parent div if a class is displayed? </p>
  
  <p>My Attempt:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
    this content should be hidden. 
    &lt;div class="hide-parent"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("hide-parent").parent().hide();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Same idea as this, but mine doesn't work:
  <a href="https://stackoverflow.com/questions/1028894/hiding-parent-divs-in-jquery">Hiding parent divs in Jquery</a></p>
  
  <p><a href="http://jsfiddle.net/uydpesxa/" rel="nofollow noreferrer">http://jsfiddle.net/uydpesxa/</a> example here: </p>