my code is not working, I couldn't find any error

$('.loc').hover(
  function(){
    $(this).html("<strong>Location:</strong> Your house?!");
  },
  function() {
    $(this).html("<strong>Location:</strong> Treehouse Adoption Center");
});
//add a pet to the page with user input

$('#add-pet').on('click', function(){
// Grab info from the form

var $name = $('#pet-name');
var $species = $('#pet-species');
var $notes = $('#pet-notes');

// Assemble the HTML of our new element with the above variables

var $newPet = $(
   '<section class="six columns"><div class="card"><p><strong>Name:</strong> ' + $name.val() + 
   '</p><p><strong>Species:</strong> ' + $species.val() +  
   '</p><p><strong>Notes:</strong> ' + $notes.val() + 
   '</p><span class="close">&times;</span></div></section>'  
);

// attach the new element to the page

$('posted-pets').append($newPet);
});