title: Adding/removing items from a JavaScript object with jQuery
body: <p>I have a JavaScript object as follows:</p>
  
  <pre><code>var data = {items: [
      {id: "1", name: "Snatch", type: "crime"},
      {id: "2", name: "Witches of Eastwick", type: "comedy"},
      {id: "3", name: "X-Men", type: "action"},
      {id: "4", name: "Ordinary People", type: "drama"},
      {id: "5", name: "Billy Elliot", type: "drama"},
      {id: "6", name: "Toy Story", type: "children"}
  ]};
  </code></pre>
  
  <p>If I wanted to add/remove items to this list, how would I go about it using jQuery? The client wants this list to be dynamically modifiable.</p>