$(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 
bodyElement = $('body');

//RELEASE 2: 
  // Add code here to modify the css and html of DOM elements
$( "h1" ).css( "color", "blue");
$( "h1" ).css( "border", "5px solid #5882FA");
$( "#hidden" ).css( "visibility", "hidden");
$( "#change-text").html( "NIGHTHAWKS");

//RELEASE 3: Event Listener
  // Add the code for the event listener here 
 $('img').on('mouseover', function(e){
     e.preventDefault();
    $(this).attr('src', 'http://static.ddmcdn.com/gif/willow/nighthawk-info0.gif');
  })

  $('img').on('mouseout', function(e){
     e.preventDefault();
    $(this).attr('src', 'dbc_logo.jpg');
  })

//RELEASE 4 : Experiment on your own






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