Ajax Form Dogrulama

Merhaba arkadaslar,

<section id="banner" class="soru">
<p>Lütfen yaşınızı giriniz :</p>
<ul class="actions">
<input type="text" name="yas" id="name" value="" placeholder="yaşınız" /><br>
<li><a href="#" class="button">Devam Et ></a></li>
</ul>
</section>

söyle bi kodum var. burada bos olunca jquery ile altta uyarı cıksın istiyorum. "boş alan bırakmayıız." nasıl yapabilirim ?

$('.button').on('click', function (e) {
e.preventDefailt()
  if ($('#name').is(":empty")) {
    alert('bos olamaz');
    return false;
  }else {
// yapilacak islem
}
});

kodlari direk burdan yazdim ufak tefek hatasi cikabilir ama bu isini cozer