I am trying to check couple of text fields if they are filled. But with my code:

If I fill first field I get "All filled!". even if I didn't fill the others..

If I fill all fields except first one I get "All not Filled" which is good!

However, I wanna display "All filled" if all the MustField class fields are filled. What's wrong with my code?

2. $(document).ready(function() {
4. $("#submit").click(function() {
6. if($(".MustField").val().length == 0) {
7.  alert("All not filled");
8. }else{
9. alert("All filled");
10. return false;
11. }
12. 
    
13. });
14. 
    
16.  <form action="" method="post">
17. 1:<input type="text" class="MustField"/>
18. 2:<input type="text" class="MustField"/>
19. 3:<input type="text" class="MustField"/>
20. <input type="submit" id="submit" value="submit" />
21. </form>