$(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:
  //Add code here to select elements of the DOM 

var bodyElement = $('body')

//RELEASE 2: 
  // Add code here to modify the css and html of DOM elements

$('h1').css({'color': 'green', 'border': '2px solid navy', 'visibility': 'visible'})
$('.mascot h1').html("YOUR COHORT MASCOT")

//RELEASE 3: Event Listener
  // Add the code for the event listener here 

 $('img').on('mouseover', function(e){
     e.preventDefault()
    $(this).attr('src', 'http://bestclipartblog.com/clipart-pics/grasshopper-clip-art-18.gif')
  })

 $('img').on('mouseout', function(e){
     e.preventDefault()
    $(this).attr('src', 'http://socialtimes.com/files/2013/02/Dev-Bootcamp-logo.jpg')
  })

//RELEASE 4 : Experiment on your own



$('img').on('mouseover', function(e){
     e.preventDefault()
    $(this).animate({'width': '500px', 'border': '5px solid black'})
  })

$('img').on('mouseout', function(e){
     e.preventDefault()
    $(this).animate({'width': '300px'})
  })


})  // end of the document.ready function: do not remove or write DOM manipulation below this.