Dialog Not Opening [SOLVED]

Dialog Not Opening [SOLVED]

I have a grid containing images and have created a white box in the lower right-hand portion of the page.

http://mobile.gmjones.org/employments.html

Inside this box, I have:

<a href="#log" data-rel="dialog">Open dialog</a>

I have a page:

<div data-role="page" id="log">
    <div data-role="header">
        <h1>Dialog</h1>
    </div>
    <div data-role="content">
        <img style="width:170px;height:220px;" src="http://gmjones.org/images/GrantPicNEW.jpg">
    </div>
</div>

When I click 'Open dialog', nothing happens.

How can I get the dialog page to open?