$(document).ready(function(){
 
//RELEASE 0: 
  //Link this script and the jQuery library to the jquery_example.html file and analyze what this code does. 
 
	$('body').css({'background-color': 'pink'})
 
//RELEASE 1:
  bodyElement = $('body');
  mascot = $('.mascot');
 
 
//RELEASE 2: 
  $('h1').css({'color': '#2e0460', 'border': 'dotted 2px', 'visibility': 'visible'});
  $('#mascot_label').html("Grasshoppers");
 
 
//RELEASE 3: Event Listener
  
  $('img').on('mouseover', function(e){
     e.preventDefault()
    $(this).attr('src', 'https://scontent-b-ord.xx.fbcdn.net/hphotos-prn2/t1/960219_10202696527363575_2130135885_n.jpg')
  });

  $('img').on('mouseout', function(e){
     e.preventDefault()
    $(this).attr('src', 'dbc_logo.jpg')
  });
 
 
//RELEASE 4 : Experiment on your own
  $('img').animate({
    border: '8px solid #FFF',
    height: '200px',
    width: '200px'
  });
 
 
 
 
 
});  // end of the document.ready function: do not remove or write DOM manipulation below this.