title: Select text of a div
body: <p>I have this :</p>
  
  <pre><code>$('DIV').on('click', function(e) {
      $('textarea').val( $(e.target).text() );
  });
  </code></pre>
  
  <p>It's working well, but the thing is when I click somewhere out of the divs, it's showing me the html code of the page. I don't want that.</p>
  
  <p>Have a try here :</p>
  
  <p><a href="http://jsfiddle.net/g3Cwy/" rel="nofollow">http://jsfiddle.net/g3Cwy/</a></p>
  
  <p>I really want just the text of a smallest div, li, ul or whatever. Let me know if I'm not clear</p>
  
  <p>EDIT : I tried within a div but still the same.</p>
  
  <p>EDIT 2 :</p>
  
  <p>If for instance, I have this :</p>
  
  <pre><code>&lt;div&gt;
  divdivdiv
  &lt;div&gt;vidvidvid&lt;/div&gt;
  &lt;lu&gt;lululu&lt;/lu&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I clicked on divdivdiv, I only want divdivdiv AND NOT divdivdivvidvidvidlululu</p>