title: How to display div only when img src exist?
body: <pre><code>&lt;a class="thumbnail-link" href=""&gt;
  &lt;div id="thumbnail-wrap" class="thumbnail-wrap"&gt;
  &lt;img width="600" height="360" src="image.jpg"&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>How do I show thumbnail-link div if there is image?</p>
  
  <p>Opossite solution would be...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  jQuery(document).ready(function( $ ) {
  
      $(".thumb-summary").find("img[src='']").parent().hide();
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But than, its visible on page load that it hides divs without image and looks bad.
  I want to make it only show images if it finds them, jquery way please.</p>