jquery - Infinite loop while adding a row in bootstrap table -

i have table has 5 rows , want add row dynamically , dont want add row through onclick event. want row added automatically chose 'post-header.bs.table' event. running infinite loop , browser crashes because of that. dont know why running infinite loop , please let me know how solve this.

code:

 $(function () {                     $('#table2').on('post-header.bs.table', function () {                          $('#table2').bootstraptable('insertrow', {                             index:5,                             row: {                                 data:{                                 practice: 'score',                                 input: '12345'                                 }                             }                                           });                     });                 }); 

i need pass data in row:{data:{practice:'score',input:'12345'}} format.