title: jquery mobile - calls firing twice when nav to another page and back
body: <p>I am pretty new to jqm i have tried about 20 different things and have been at this a few hours, the best I can get to work is the following code.</p>
  
  <pre><code>$(function() {
  $('.load_more').live("click",function() {
  //my ajax call here
  
  success: function(htmldat){
      $("#more").remove();
         $("#updates").append(htmldat).listview('refresh');
         $("#more").trigger('create');
  
  }
  });
  }
  return false;
  });
  });
  </code></pre>
  
  <p></p>
  
  <p>What my page does is load 10 records from a database into a list view, I have a button(.load_more) that appends the next ten records to the listview. As soon as I navigate away from the page and come back and click the button it fires twice. I have went through so many suggestions and can't get one to work, any help would be greatly appreciated.</p>
  
  <p>Also that code I am loading before the closing body tag on the page I am using it.</p>
  
  <p>EDIT</p>
  
  <p>The following code appears to work although when i replace the alert with my function it wont work, no event is triggered. </p>
  
  <pre><code>$(document).delegate("#clickers", "pageinit", function () {
    $(".load_more").off('click').on('click', function () {
      alert("hello");
    });
  });
  </code></pre>
  
  <p>When the button is clicked it fetches data and appends it to the listview, when i recreate the button could that be killing the event ?</p>
  
  <pre><code>$("#more").remove();
  $("#updates").append(htmldat).listview('refresh');
  $("#more").trigger('create');
  </code></pre>