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的內容仍是有用的我要如何讓它變的無用呢就是不會互相干擾將它隱藏的同時 該區塊的東西也無法作用