title: If div is not empty, remove X from dom
body: <p>If <code>.details-display</code> is not empty (which is true in the example below), <code>.details-group</code> should be removed. What is wrong with the code below?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="details-group"&gt;
      &lt;span class="details"&gt;Details [+]&lt;/span&gt;
      &lt;div class="details-display"&gt;The connecting walkway floats above the second story of the Main hall, joining the North and the South wings.&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>if ( $('.details-group').find('.details-display').length ) {
      $(this).remove();
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/8o49bnxL/" rel="nofollow">http://jsfiddle.net/8o49bnxL/</a></p>