innerHTML如何才能保留原有的值，在线等

<div id="a"><input type="text" name="text" value="" /></div>

<div id="b"></div>

<input type="button" value="提交" onclick="test();" />

function test(){

	var a=document.getElementById("a");

	var b=document.getElementById("b");

	b.innerHTML=a.innerHTML

}

当我在文本框里输入值后，点击按钮，
b.innerHTML=a.innerHTML，text里面的值没有一起过来，请问要如何才能将原有的值一直转过来呢？谢谢
------解决方案--------------------
用 innerText 
------解决方案--------------------
<div ><input type="text" name="text" value="" id="a" /></div> 
<div id="b"></div> <input type="button" value="提交" onclick="test();" /> 

 function test(){    
 var a=document.getElementById("a");    
 var b=document.getElementById("b");    
 b.innerHTML=a.value;
} 





------解决方案--------------------
可以换 jQuery 么？一句话搞定
------解决方案--------------------

引用:

可以换 jQuery 么？一句话搞定

而且还跨浏览器
------解决方案--------------------
 <div id="a"><input type="text" name="text" value="" /></div> 
 <div id="b"></div> 
 <input type="button" value="提交" onclick="test();" /> 

     function test(){
     var a=document.getElementById("a");
     var b=document.getElementById("b"); 
     b.innerHTML=a.innerHTML; 
     b.children[0].value = a.children[0].value;
    } 

------解决方案--------------------
不知道有没有 更好 办法。。。
------解决方案--------------------
jquery  html获取不到和浏览器有关系，看看。