title: print url of page using load function to load page inside a page
body: <p>Hi I am using following function to load page inside another page. The thing I want is that When inside page load it should change url as well. so if page refresh user stay on same page. Right now when user refresh the page or try to go back it go to parent page.</p>
  
  <p>Here is function. </p>
  
  <pre><code>$("#canceledOrders").click(function(){
                  $("#pageload").load("canceledOrders.php"); 
              });
  </code></pre>
  
  <p>Html </p>
  
  <pre><code>    &lt;li&gt;&lt;a id="canceledOrders" href="#!" class="waves-effect"&gt;
  &lt;i data-icon="F" class="linea-icon linea-ecommerce"&gt;&lt;/i&gt; 
  &lt;span class="hide-menu"&gt;Canceled Orders&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Now it creates .com/#! If I use some word in href it shows it in url but by refresh page it back to main page again.</p>
  
  <p>Thank you for help</p>