title: Deleting item in IndexedDB while using autoIncrement
body: <p>I am trying to implement this <a href="http://www.codeproject.com/Articles/325135/Getting-Started-with-IndexedDB" rel="nofollow">example</a>.</p>
  
  <p>Everything works fine until I attempt to delete a certain item.</p>
  
  <p>Using this:  </p>
  
  <pre><code>request.onupgradeneeded = function(event) {
        console.log("upgrade", event);
  
        db = event.target.result;
        console.log("db", db);
  
        if (!db.objectStoreNames.contains("chatBot")) {
          var objectStore = db.createObjectStore("chatBot", {keyPath: "timeStamp", autoIncrement: true});
        }
      };
  </code></pre>
  
  <p>and setting up the deletion: </p>
  
  <pre><code>btnDelete.addEventListener("click", function() {
        var id, transaction, objectStore, request;
  
        id = document.getElementById("txtID").value;
        console.log("id", typeof id);
  
        transaction = db.transaction("people", "readwrite");
        objectStore = transaction.objectStore("people");
        request = objectStore.delete(id);
        request.onsuccess = function(evt) {
          console.log("deleted content");
        };
      }, false);
  </code></pre>
  
  <p>There is no problem adding items to the indexedDB but for some reason I can't figure out why it can't delete the items.  </p>
  
  <p>The <code>id</code> is a string and the <code>objectStore.delete(id)</code> is the correct implementation.</p>
  
  <p>Here is a <a href="http://pastebin.com/2Va9DksV" rel="nofollow">pastebin</a> of the example</p>
  
  <p>Using Firefox 18</p>