title: Add content if element is not empty
body: <p>HTML:</p>
  
  <pre><code>&lt;div id="parent"&gt; 
    &lt;div class="child"&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;p&gt;Div with content&lt;p&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;img scr="pic.png" alt="Div with picture" /&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Result I want: </p>
  
  <pre><code>&lt;div id="parent"&gt; 
    &lt;div class="child"&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;h1&gt;title&lt;/h1&gt;&lt;p&gt;Div with content&lt;p&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;h1&gt;title&lt;/h1&gt;&lt;img scr="pic.png" alt="Div with picture" /&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My jQuery code:</p>
  
  <pre><code>$(".child").each(function() {
      if ($(this).html != '')
          $(this).prepend('&lt;h1&gt;title&lt;/h1&gt;');
  });
  </code></pre>
  
  <p>Result with my jQuery code:</p>
  
  <pre><code>&lt;div id="parent"&gt; 
    &lt;div class="child"&gt;&lt;h1&gt;title&lt;/h1&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;h1&gt;title&lt;/h1&gt;&lt;p&gt;Div with content&lt;p&gt;&lt;/div&gt; 
    &lt;div class="child"&gt;&lt;h1&gt;title&lt;/h1&gt;&lt;img scr="pic.png" alt="Div with picture" /&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I just want to add a title to every div of a certain class that's not empty.</p>