title: Hide button if div empty
body: <p>I've been trying to hide a button when a div is empty with no luck, why is the div empty? because via back-end wordpress i'm inserting a shortcode in it.</p>
  
  <p>this is the code:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function() { if ( $(".whatever").parents("#content").length == 1 ){ 
   $('input#bt23').show();
  }else { $('input#bt23').hide();
  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="content"&gt;
  ///empty
  &lt;/div&gt;
  &lt;input type="button" id="bt23" class="bt23"  name="Button1" value="720p" /&gt;&lt;/body&gt;
  </code></pre>
  
  <p>That's pretty much it, trying to get the button to disappear if there's no other div insider #Content, any ideas?</p>
  
  <hr>
  
  <p>I just noticed that, maybe just maybe the div is not empty, it looks like it's empty but i think is filled with space. </p>
  
  <p>So rather than comparing empty with filled, how would it be to compare filled with text and a specific div inside it?</p>
  
  <hr>
  
  <p>like this:</p>
  
  <pre><code>&lt;div class="content"&gt;
  &lt;div style="whatever"&gt;
  &lt;div class="video-wrapper" style="padding-bottom:56.2222222222%;"&gt;
  </code></pre>