Want to show/hide div based on dropdown box selection

Question

I want to have jQuery show div id=\'business\' only if \'business use\' is selected in the dropdown box.

This is my code:

Answer 1

Wrap the code within $(document).ready(function(){...........}); handler , also remove the ; after if

$(document).ready(function(){
    $('#purpose').on('change', function() {
      if ( this.value == '1')
      //.....................^.......
      {
        $("#business").show();
      }
      else
      {
        $("#business").hide();
      }
    });
});

Fiddle Demo