title: jQuery show array in div
body: <p>I made an HTML page with some jQuery, but it doesn't do what I want it to do:</p>
  
  <ol>
  <li>I want the jQuery to get the text of div 1.</li>
  <li>Get rid of all the unwelcome chars. </li>
  <li>Make an array of the text.</li>
  <li>Show the array in the div 2.</li>
  </ol>
  
  <p>1 and 2 are working and 3 should work as well.</p>
  
  <p>I made this:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;LINK href="layout.css" rel="stylesheet" type="text/css"&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      var str = $("div.someText").text();
      var specialChars = "!@#$^&amp;%*()+=-[]\/{}|:&lt;&gt;?,.";
      for (var i = 0; i &lt; specialChars.length; i++) {
      str = str.replace(new RegExp("\\" + specialChars[i], 'gi'), '');
      }
      str = str.replace(/["'“”…]{1}/gi,".");
      str = str.replace(/[.*]{1}/gi," ");
      str = str.toLowerCase();
      var array = str.split(" ");
      for(var i = 0; i &lt; array.length(); i++) {
          $("div.put").html(array[i] + "\n");
      }
  })
  &lt;/script&gt;
  &lt;div class="someText"&gt;
  Een kerel gaat met zijn pas gekochte hond naar de dierenarts. Eindelijk is hij aan de               
  beurt en komt met zijn hond de behandelkamer binnen.......
  “En?”, vraagt de dierenarts, “wat is het probleem?”. “Nou”, zegt de eigenaar van het beest,
  “ik heb hem gekocht om te waken, maar elke keer als de bel gaat, dan gaat mijn hond in de hoek zitten”.
  De dierenarts wrijft eens vakkundig over zijn kin en zegt tenslotte: “ja…dat doen boxers”.
  &lt;/div&gt;
  &lt;br /&gt;
  &lt;div class="put"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but I must do something wrong, becuase div 2 shows nothing.</p>
  
  <p>Can anybody tell me why my code isn't working as expected?</p>