Help me all..

Help me all..

i want to ask, how to call another html in jquery mobile in button? i have make the source..

<script type="text/javascript"> 
function product(){
  $.mobile.changePage(  "../Product.html", {
transition: "pop",
reverse: false,
changeHash: false
});
}
</script>

this is my btn :
 <a data-role="button" id="product" onclick="product()" data-transition="slide" href="#page1" data-icon="arrow-r"  data-iconpos="left">
            car product
        </a>

OR i just use button in only a href

<a data-role="button" id="product" data-transition="slide" href="../product.html" data-icon="arrow-r"  data-iconpos="left">
            car product
        </a>


but it's not work.. there is solution?