jquery js 如何讓某id區塊無效？

Question

假設同一個頁面有兩個div是這樣

<div id="a">
<input name="xxx" value="a">
</div>

以及另一個

<div id="b">
<input name="xxx" value="b">
</div>

但是兩個input的名字都必須是「xxx」
這樣會有衝突
他只會輸出a

狀況是：
我有設置當前屏幕大小為手機版 寬度小於1000
則將div a變為display:none;及div b變為display:block;
此時若寬度大於1000
則將div a變為display:block;及div b變為display:none;

但假設寬度小於1000時
b顯示了 但是a的內容仍是有用的
我要如何讓它變的無用呢
就是不會互相干擾
將它隱藏的同時 該區塊的東西也無法作用