title: Fire event when inner html in div changed
body: <p>I have <code>div</code> for some informations, which are filled into with <code>.innerHTML</code> by clicking on the button. The goal is I want to <code>.slideDown</code> the div when the text in div is added. Is it possible to do it with jQuery ?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;div id="calcInfo"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Adding text into div -</p>
  
  <pre><code>document.getElementById("calcInfo").innerHTML = 'someText';
  </code></pre>
  
  <p>I want to use this function after it :)</p>
  
  <pre><code>if ($('#calcInfo').text().trim().length &gt; 0) {
     $('#calcInfo').slideDown('slow', function() {});
  };
  </code></pre>
  
  <p>I was trying <code>.change()</code> function, but it only works for <code>input</code> and <code>textarea</code> elements. Many thanks for answer ! </p>
  
  <p>Ondrej</p>