myscript.js

$(document).ready(function(){

  $("#myform").submit(function(){

    var search = $("#books").val();

    if(search == '')
    {
      alert("you have to enter something first");
    }

    else{
      var url = '';
      var img= '';
      var title= '';
      var author ='';

      $.get("https/www.googleapis.com/books/v1/volumes?q=" + search,function(response){
        for(i=0;i<response.items.length;i++ )
        {
          title=$('<h5 class="center-align black-text">' + response.items[i].volumeInfo.title + '</h5');
          author=$('<h5 class="center-align black-text"> By:' + response.items[i].volumeInfo.authors + '</h5');
          img = $('<img class="aligning card z-depth-5" id="dynamic"><br><a href=' + response.items[i].volumeInfoLink + '><button id="imagebutton" class="btn red aligning">Read More</button></a>');

          url= response.items[i].volumeInfo.imageLinks.thumbnail;
          img.attr('src',url);
          title.appendTo("#result");
          author.appendTo("#result");
          img.appendTo("#result");

        }

      });
    }

    return false;
  })


});