title: Add Spaces to a Textarea
body: <p>I am trying to add 4 spaces to my textarea.</p>
  
  <p></p>
  
  <p>However, it only adds 1 space.</p>
  
  <pre><code>$(document).delegate('#test', 'keydown', function(e) {
      var keyCode = e.keyCode || e.which;
  
      if (keyCode == 9) {
          e.preventDefault();
          var start = $(this).get(0).selectionStart;
          var end = $(this).get(0).selectionEnd;
  
          $(this).val($(this).val().substring(0, start)
              + " " + " " + " " + " "
              + $(this).val().substring(end));
  
              $(this).get(0).selectionStart =
              $(this).get(0).selectionEnd = start + 1;
      }
  });
  </code></pre>
  
  <p>Edit:</p>
  
  <p>I've already tested <code>&amp;nbsp;</code>and it gets outputted as is "&nbsp;&nbsp;" does output: "&nbsp;&nbsp;" to the tetarea.</p>
  
  <p>How can I force it to add 4 spaces?</p>