title: Uncaught RangeError: Item index is out of range error in WebSQL Query Results
body: <p>I am trying to print the results to my Select statement into a list in my HTML. I am using Web SQL (This is a requirement for the project) to store my tables. </p>
  
  <p>My Select Statement: </p>
  
  <pre><code>db.transaction(function (tx) {
     tx.executeSql('SELECT * FROM games', [], function (tx, results) {
                    var len = results.rows.length;
                    for (i=0; i &lt;= len; i++){
                        $('#scores ul').append('&lt;li&gt;&lt;span class="alley"&gt;' + results.rows.item(i).alley + '&lt;/span&gt;&lt;br&gt;&lt;span class="date"&gt;' + results.rows.item(i).date + '&lt;/span&gt;&lt;/li&gt;');
                    }
                  });
  
  
  });
  </code></pre>
  
  <p>When I run my code, it properly displays all the records for the games table in the list, but I am getting an "Uncaught RangeError: Item index is out of range" error on this line: </p>
  
  <pre><code>$('#scores ul').append('&lt;li&gt;&lt;span class="alley"&gt;' + results.rows.item(i).alley + '&lt;/span&gt;&lt;br&gt;&lt;span class="date"&gt;' + results.rows.item(i).date + '&lt;/span&gt;&lt;/li&gt;');
  </code></pre>
  
  <p>Any insight on this would be greatly appreciated</p>