Jquery mobileの入力項目のレイアウトがルックアップダイアログ表示で崩れる

<apex:page standardController="Contact" sidebar="false" showHeader="false" standardStylesheets="false">
    <!-- Jquery mobileの入力項目のレイアウトがルックアップダイアログ表示で崩れる
         https://developer.salesforce.com/forums?id=906F00000009BhnIAE -->

    <!-- http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css -->
    <apex:stylesheet value="{!URLFOR($Resource.jQueryMobileStylesheet)}"/>

    <!-- http://code.jquery.com/jquery-1.11.0.min.js -->
    <apex:includeScript value="{!URLFOR($Resource.jQueryScript)}"/>

    <!-- http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js -->
    <apex:includeScript value="{!URLFOR($Resource.jQueryMobileScript)}"/>

    <div data-role="page">
        <apex:form>
            <div class="ui-field-contain">
                <apex:outputLabel for="firstName">First Name</apex:outputLabel>
                <apex:inputField id="firstName" value="{!Contact.FirstName}"/>
            </div>
            <div class="ui-field-contain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>Account</legend>
                    <apex:outputLabel for="accountId1">Account</apex:outputLabel>
                    <apex:inputField id="accountId1" value="{!Contact.AccountId}"/>
                </fieldset>
            </div>
        </apex:form>
    </div>

    <script>
    $("span.lookupInput>input").click(function() {
        $(this).closest("span").children("a")[0].click();
    });
    </script>
</apex:page>