Inserting object literal into array
<p>I don't understand why the splice method isn't working for me. I have an array that looks like: (it is actually bigger but I didn't want to clutter the page)</p>

<pre><code>var navItems = [ {
                    "content": "Panels",
                    "icon": "panels"
                },
                {
                    "content": "Samples",
                    "icon": "sample"
                }];
</code></pre>

<p>I want to insert an item say in the middle:</p>

<pre><code>var testNavItems = navItems.splice(1, 0, {
                    "content": "New Nav",
                    "icon": "New Nav"
                   });
console.log(testNavItems);
</code></pre>

<p>OR</p>

<pre><code>var testNavItems = navItems.push({
                    "content": "New Nav",
                    "icon": "New Nav"
                   });
console.log(testNavItems);
</code></pre>

<p>I get an empty array.  Is this possible in JS?</p>
