Javascript应用JQuery的样式

按钮样式是写成input{}形式      还是写成.class{}形式？
如果是.class{}就是input标签没加入class属性
写成input{}形式的  应该是可以加载的
下面是源码:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.4.min.css" />
<title>Hello World</title>
</head>
<body>
<div data-role="page" id="page_local">
    <div data-role="main" class="ui-content">
     <input type="button" value="Device Scan" onClick="pageLocal();" />
        <div id="localOutput"></div>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="js/index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8">
    function pageLocal() {
     var outPut = document.getElementById("localOutput");        outPut.innerHTML = "<input type=\"button\" value=\"Device Scan\" onClick=\"deviceScan();\" />"
         + "<input type=\"button\" value=\"Device Info\" onClick=\"displayInfo();\" />";
    }
</script>
</body>
</html>
Body中Button显示正常，但是点击了Button显示出来的按钮没有样式，如下图：
$('#localOutput').listview('refresh');