Using jquery mobile in Movable Type?
I thought I was doing something pretty simple. I just want to use jquery mobile in Movable Type? It's not working...well so far I just have a header, and it's not appearing as a mobile header. Just as text. Here's what I've got:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head> <title><$mt:BlogName encode_html="1"$>: <$mt:ArchiveTitle$>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script type="text/javascript" src="<$mt:StaticWebPath$>http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="<$mt:StaticWebPath$>http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
test
</div>
</body>