How do i grey out the input field and the submit button

Question

I want to grey out these two things the song input field and the submit button until the user enters and artist. Is there an easy way to do this via JQuery.

the id of the artist input field is #request_artist

Answer 1

You can do something like this:

var artist = ('#request_artist');
var song = ('#request_song');
var assubmit = ('#request_submit');

song.attr('disabled', true);
assubmit.attr('disabled', true);

artist.change(function() {
  if(artist.val() > 0) {
    song.attr('disabled', false);
    assubmit.attr('disabled', false);
  } else {
    song.attr('disabled', true);
    assubmit.attr('disabled', true);
  }
});