freecCodeCamp Random Quote Machine Help Needed

I have built my html and JS but when I click to get my quote , the quote shows up but all of my page disappears and i can only see the quote. what is the problem??
//mainHTML
`

Bible Quotes

Rhema Bible Verses

Get the instant speaking
of the Lord.

`

//mainJS

`$(document).ready(function() {
function getrandom() {
$.ajax({
url: ‘http://labs.bible.org/api/?’,
},
success: function(response) {
verse = response.quoteText;
$(’#verse’).text(response.quoteText);
$(’#book’).text(response.quoteText);

  }
});

}
getrandom();
$(’.get-verse’).on(‘click’, function(event) {
event.preventDefault();
getrandom();
});`

“get-verse”

the href has the url, change it to ‘#’.

Oh man! Now the app is a dead as a doornail. Does not do anything. I think FCC should have more lessons on API and JSON . I totally feel lost and clueless. I watched online videos but they are all saying different things and confusing me even more.