Заблокировать кнопку и Выдать ошибку когда текстовое поле пусто

Это работает отлично, но все же неэффективно надо чтобы при нажатии кнопки и выдать ошибку, когда текстовое поле пустое. Помогите пожалуйста

Код (Javascript):

1. var initVal = "Have a good name for it? Enter Here";
2. $(document).ready(function(){
3.     $(".submit-name").attr("disabled", "true");
4.     $(".recipe-name").blur(function(){
5.         if ($(this).val() != initVal && $(this).val() != "") {
6.             $(".submit-name").removeAttr("disabled");
7.         } else {
8.             $(".submit-name").attr("disabled", "true");
9.         }
10.     });  
11. });

 

HTML:

1.         <textarea class="recipe-name" name="code" id="taCode" placeholder="Please enter your email!" title="email@example.com" style="width:100%;height:35px;"></textarea><br/>
2.         <input class="submit-name" type="button" value="Test>>" onclick="exec();">

 

required не работает , спасибо "Test>>" заменил на "Test&gt;&gt;"