Как отключить кнопку отправки до тех пор, пока текст не будет введен в поле ввода?

У меня проблема, попробуйте добиться этого результата, мне нужно отключить кнопку отправки, пока текст не будет введен в поле ввода. Я пробовал некоторые функции, но безрезультатно. Пожалуйста, если вы можете мне помочь с этим, я буду очень признателен.

Разметка HTML

<form action="" method="get" id="recipename">
<input type="text" id="name" name="name" class="recipe-name" 
    value="Have a good name for it? Enter Here" 
    onfocus="if (this.value == 'Have a good name for it? Enter Here') {this.value = '';}" 
    onblur="if (this.value == '') {this.value = 'Have a good name for it? Enter Here';}" 
/>
<input type="submit" class="submit-name" value="" />
</form>

Заранее спасибо.