Add content if element is not empty
<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>
