title: JavaScript Unshift EACH array element
body: <p>I have two arrays that contain objects. <code>arr1</code> and <code>arr2</code>. If I unshift <code>arr1</code> to contain the elements of <code>arr2</code>, the elements are not appended individually into <code>arr1</code>, instead the whole array (<code>arr2</code>) is appended at the beginning, for example:</p>
  
  <pre><code>arr1 = [{ele:1}, {ele:2}]
  arr2 = [{ele:3}, {ele:4}]
  </code></pre>
  
  <p>I get: <code>arr1 = [[{ele:3}, {ele:4}], {ele:1}, {ele:2}]</code></p>
  
  <p><em>Notice the whole array inside instead of its objects.</em></p>
  
  <p>I want: <code>arr1 = [{ele:3}, {ele:4}, {ele:1}, {ele:2}]</code></p>
  
  <p>My arrays are ko.observableArray(), maybe that makes a difference?</p>