title: typeahead.js, localStorage and large json File
body: <p>I've got a JSON file which has a size of 1Mb.
  I tried to implement typeahead.js with a simple example like this:</p>
  <pre><code>    &lt;div class=&quot;container&quot;&gt;
      &lt;p class=&quot;example-description&quot;&gt;Prefetches data, stores it in localStorage, and searches it on the client: &lt;/p&gt;
      &lt;input id=&quot;my-input&quot; class=&quot;typeahead&quot; type=&quot;text&quot; placeholder=&quot;input a country name&quot;&gt;
    &lt;/div&gt;
    
     &lt;script type=&quot;text/javascript&quot;&gt;
      // Waiting for the DOM ready...
      $(function(){
  
        // applied typeahead to the text input box
        $('#my-input').typeahead({
          name: 'products',
  
          // data source
          prefetch: '../php/products.json',
  
          // max item numbers list in the dropdown
          limit: 10
        });
  
      });
    &lt;/script&gt;
  </code></pre>
  <p>But when I launch it Chrome says:</p>
  <blockquote>
  <p>Uncaught QuotaExceededError: Failed to execute 'setItem' on 'Storage':
  Setting the value of '__products__itemHash' exceeded the quota.</p>
  </blockquote>
  <p>What can I do? I'm using the typeahead.min.js</p>