مشکل در سنجش داده کاربر در یک form با jquery

سلام دوستان .
یک فرم ساده دارم میسازم با html و jquery . میخوام وقتی کاربر تویه فرم چیزی ننوشت ( فیلد رو خالی گذاشت ) و بعد دکمه submit رو زد , به ترتیب با jquery دونه دونه از فیلد ها اعتبار سنجی بشن که ایا خالی هستن یا پر شدن اگه خالی هستن بهشون یه alert بده سیستم .

من این الگوریتم رو پیاده سازی کردم . مشکلم اینجاست که فقط فیلد اول اعتبار سنجی میشه و فیلد های بعدی چه پر بشه و چه نشه form ارسال میشه .

ممنون از شما .
اینم کد html :

کد HTML:

<body> <form action=""> name <input type="text" class="input"><br> last name <input type="text" class="input"><br> email <input type="email" class="input"><br> <input type="submit" value="click" class="submit"> </form> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="style.js"></script> </body>

اینم کد jquery :

کد HTML:

$('.submit').click(function(){ var valinput=$('.input').val(); if(valinput==''){ alert('plase full filde'); } else{ alert('ok'); } });