title: Populate HTML5 local storage with remote JSON
body: <p>Im trying to make a simple CRUD phone directory webapp where users can download a small telephone directory (say for a company) from a webserver (when online) to the app, and then make their own editions to this by CRUD (including when offline). I’m just learning so im not really interested (at this stage) in syncing these changes back to the server. </p>
  
  <p>I found this very useful tutorial on how to use HTML5 local storage and JS to make a CRUD database: </p>
  
  <p><a href="http://mrbool.com/creating-a-crud-form-with-html5-local-storage-and-json/26719" rel="nofollow">http://mrbool.com/creating-a-crud-form-with-html5-local-storage-and-json/26719</a></p>
  
  <p>However, I can’t work how to first populate this database with JSON data downloaded from a webserver.</p>
  
  <p>The idea is that the user can select their company (say from a dropdown list) when online, and download the JSON of the telephone directory to the local storage database which they can then edit locally.</p>
  
  <p>If anybody can help point me in the right direction I would be very grateful.
  Thanks</p>