JQuery Mobile - dialog/adding new div
===

I'm trying to add [raty][1] on my page using query mobile and php.

    <a href="add.html" data-role="button" data-rel="dialog">Add</a>

In "add.html" 

    <div data-role="page" id="page1">
        <a class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-iconpos="notext" data-icon="delete" href="musteri.php" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close" data-transition="pop" data-direction="reverse">
            <span class="ui-btn-inner ui-btn-corner-all">
                <span class="ui-btn-text">Close</span>
                <span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span>
            </span>
        </a>
       <form method="POST" action="add.php" id="register" align="center" width="50%" data-ajax="false">
            <table align="center">
                <tr>   
                    <td> Name *</td>
                    <td> <input type="text" name="name" maxlength="50" /> </td>
                </tr>
                <tr>
                    <td> Product *</td>
                    <td> <input type="text" name="p" maxlength="50" /> </td>
                </tr>
                <tr>
                    <td> Comment </td>
                    <td> **<div id="stars"></div>** </td>
                </tr>
                <tr>  
                    <td> <input type="submit" value="save"> </td>
                    </tr>
            </table>
        </form>
    </div>

---
The problem is, when I open the page add.html externally, it looks fine. But while looking it as JQuery Mobile dialog, the div cannot be seen.

  [1]: http://www.wbotelhos.com/raty/