merhabalar mboil görünümde id çakışmasına nasıl bir çözüm bulurum

anlaşıldığı gibi aşağıda aynı yapıya sahip 2 adet divim var bunlar mobil sürüm için css kodlaması ile display:none; ile değişiyr

<div class="mobil mesaj">
<input type="text" id="yorum" placeholder="Yorum ekle!" />
<div>  

<div class="mesaj">
<input type="text" id="yorum" placeholder="Yorum ekle!" />
<div> 

ben bunu javascript ile aşağıdaki gibi post işlemi yaptırıyorum

var yorum=$("#yorum").val();

mobil görünümde yorum atıyor mobil görünümden çıkınca yorum göndermiyor.

display:none; gizliyor ama sayfa kaynağında kodlar durunca haliyle id çakışması oluyor

nasıl bir yol izlemem lazım