title: Something weird about div and text()
body: <p>I have four divs where the first div have something and the last three is empty. </p>
  
  <pre><code>&lt;div id="simple"&gt;Value (Required) - As Is - Office&lt;div&gt;
  &lt;div id="simple2"&gt;&lt;div&gt;
  &lt;div id="simple3"&gt;&lt;div&gt;
  &lt;div id="simple4"&gt;&lt;div&gt;
  </code></pre>
  
  <p>I get the content of the first div split it and put the result into the next three div. </p>
  
  <pre><code>var ahtml = $("#simple").html();
  alert(ahtml);
  var bhtml = ahtml.split("-");
  alert(bhtml[0]);
  $("#simple2").text(bhtml[0]);
  alert(bhtml[1]);
  $("#simple3").text(bhtml[1]);
  alert(bhtml[2]);
  $("#simple4").text(bhtml[2]);
  </code></pre>
  
  <p>For some reason it is not working in <a href="http://jsfiddle.net/bcLNm/2/" rel="nofollow">JsFiddle</a> &lt;-- the link. The last two are not being outputed and when i get the html of the first div the alert is really weird. Am I forgetting something? Any ideas?</p>