How can I change the code so that it can execute?
<p>I use jQuery to develop mobile applications. The problem is that when I add 5 or 6 lines to the page, all goes well, but if I add say 120 lines it displays an error message: <code>Javascript execution exceeded timeout</code>.</p>

<pre><code>function succes_recu_list_rubrique(tx, results) { //après avoir rempli sqlite
  console.log('ENTRééééééééééééééé---');
  $('#lbtn').prepend("&lt;legend&gt;Sélectionner une rubrique&lt;/legend&gt;&lt;br&gt;");
  for(var i=0; i&lt;results.rows.length; i++) {
    //Remplir tableau liste des identifiants étapes
    $('#lbtn').append("&lt;input name='opt1' checked type='radio' value="+results.rows.item(i).IdRubrique+" id="+results.rows.item(i).IdRubrique+" /&gt;");
    $('#lbtn').append('&lt;label for='+results.rows.item(i).IdRubrique+'&gt;'+results.rows.item(i).LibelleRubrique+'&lt;/label&gt;');   
  }
  $('#lbtn').append('&lt;a href="#page_dialog2" class="offer2" data-rel="dialog" data-role="button" &gt;Consulter&lt;/a&gt;').trigger('create');
  $('#lbtn').append('&lt;a href="#'+id_grp_rub+'" data-role="button" data-rel="back" data-theme="c"&gt;Cancel&lt;/a&gt;').trigger('create');
}
</code></pre>
