title: jquery mobile dynamically extended listview doesn't work
body: <p>I've got a menu as listview in JQM. On every page it hould be normal, only on one of the it gets extended by 2 items. Now, I've been searching through Internet and nothing works. Things I've tried:</p>
  
  <pre><code>-location.reload()
  -trigger('create')
  -$("#menuList").listview().listview('refresh');
  -$("#menuList").create;
  -child.create
  </code></pre>
  
  <p>and maybe some more. Here's the code:
  DOM</p>
  
  <pre><code>&lt;div id="menu" data-role="panel" data-display="push"&gt;
  &lt;center&gt;
      &lt;a href="" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext"&gt;&lt;/a&gt;&lt;br /&gt;
      &lt;ul id="menuList" data-role="listview"&gt;
          &lt;li&gt;&lt;a data-rel="close" href="index" class="ui-btn"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-rel="close" href="providers" class="ui-btn"&gt;providers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-rel="close" href="seekers" class="ui-btn"&gt;seekers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-rel="close" href="add" class="ui-btn"&gt;add&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-rel="close" href="logout" class="ui-btn"&gt;logout&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p></p>
  
  <p>JS:</p>
  
  <pre><code>$( document ).delegate("#providers", "pagebeforeshow", function() {
  function addMenuButtons()
  {
      var ul = $("#menuList");
      //var hr = document.createElement("hr");
      //ul.append(hr);
      for( var i in buttons )
      {
          var name = buttons[i].split(',');
          /*var a = document.createElement("a");
          a.setAttribute("data-rel","popup");
          a.className = "ui-btn ui-corner-all ui-shadow" ;
          a.id = name[1]+"Button";
          a.href = "#"+name[1];
          a.innerHTML = name[0] ;
          var li = document.createElement("li");
          li.appendChild(a);
          ul.append(li);*/
          //a.create;
          $("#menuList").html( $("#menuList").html()+"&lt;li&gt;&lt;a data-rel='popup' class='ui-btn ui-corner-all ui-shadow' id='"+name[1]+"+Button' href='#"+ name[1] +"'&gt;"+ name[0] +"&lt;/a&gt;&lt;/li&gt;" );
      }
      //$("#menuList").trigger('create');
      $("#menuList").listview();//.listview('refresh',true);
  }
  
  addMenuButtons();
  });
  </code></pre>
  
  <p>buttons- object I made, doesn't matter here. Any ideas on this?? I keep failing trying fix this. When I F5 the page, the menu updates correctly...</p>