I am using jquery mobile 1.4 and having a problem with the popup widget. When the user selects the popup button the popup opens correctly, there are three buttons in the content, but the call store button in the content opens in hover state. I am using the api to open the button $('#locationpopup').popup('open'); has anybody else been experiencing this problem or know how to resolve this?

<div data-role="popup" id="locationpopup" data-theme="a" data-overlay-theme="b" class="ui-corner-all" data-dismissible="false" data-position-to="window">

<div data-role="header" data-theme="a">

<h1 id="locstorename">Store Details</h1>

</div>

<div class="ui-content">

<ul class="liststylenone">

<li id="locaddress"></li>

<li id="loccitystatezip"></li>

<li id="locdisplayphone"></li>

<li id="lochours"></li>

<li id="site_url"></li>

</ul>

<a href="#" class="ui-btn ui-btn-a ui-corner-all ui-btn-icon-left ui-icon-check" id="btnmakethismystore" data-storeid="">Make This My Store</a>

<a href="#" class="ui-btn ui-btn-a ui-corner-all ui-btn-icon-left ui-icon-phone" id="locphone" >Call Store</a>

<a href="#" class="ui-btn ui-btn-a ui-corner-all ui-btn-icon-left ui-icon-delete" id="btnlocclose" data-rel="back">Close</a>

</div>

</div>