Как получить данные из indexeddb и показать в div

Question

Я создал функцию readAll(), которая извлекает данные в div todos, но не показывает данные о функции щелчка, но она не работает, данные успешно добавляются в индекс db, но он не отображается. Теперь я сначала у меня пустой стол после этого, я просто добавляю данные в html из javascript.

function readAll() { 
    var objectStore = db.transaction("todostore").objectStore("todostore"); 
    $("#todos").empty(); 
    objectStore.openCursor().onsuccess = function(event) { 
    var cursor = event.target.result; 
    if (cursor) { 
    $("#todos").append("<tr><td>" + cursor.key + "</td><td>" + cursor.value.todo + "</td><td><button onclick=\"update('" + cursor.key + "','" + cursor.value.todo + "')\">Update</button></td><td><button onclick=\"removetodo('" + cursor.key + "','" + cursor.value.todo + "')\">Delete</button></td></tr>"); 
    cursor.continue(); 
    } 
}; 
}; 

теперь я вызова функции щелчку я просто вызов функции ReadAll

$(".clickme").click(function(){ 
    readAll(); 
}); 

Я создал DIV зрения ид внутри DIV я есть использовать головку таблицы теперь я просто добавив код из JavaScript и заполнения в HTML

<div id="view"> 
<thead> 
    <tr class="ui-bar-d"> 
    <th data-priority="2">Timestamp</th> 
    <th data-priority="1">To Do</th> 
    <th data-priority="3">Update</th> 
    <th data-priority="4">Delete</th> 
    </tr> 
</thead> 
<tbody id="todos"> 
</tbody> 
</table> 
</div> 
<label for="todo">To Do:</label> 
<input id="todo" type="text"> 
<input id="toprice" type="text"> 
<button class="clickme">clickme</button> 
<button class="ui-shadow ui-btn ui-corner-all" onclick="add()">Add</button>