title: Does empty clear data from elem in jquery
body: <pre><code>//html structure
      &lt;div id='outer'&gt;
         &lt;div id='inner'&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I am adding some data to inner element like</p>
  
  <pre><code>$('#inner').data('_key','_someValue');
  </code></pre>
  
  <p>Now some time in future, I am clearing text of outer element.</p>
  
  <pre><code>$('#outer').empty().html('some thing new');
  </code></pre>
  
  <p>I am clearing div's text using <code>empty()</code>, I read that <code>empty()</code> removes all events bound on children elements.</p>
  
  <p>My question is, doe the empty function also remove data from element or we have to do it ourselves like <code>$('#inner').data('_key',null)</code> before removing element from DOM or its done automatically by <code>empty()</code>.</p>