title: OMDb API search with JQuery / JSON not working
body: <p>I am learning to use API's.  I am trying to search the OMDb API for a movie title and then have the movie image / poster appear in my site.  I can not get this code to work and would appreciate knowing where I am going wrong.  Thank you in advance.  </p>
  
  <pre><code>     // Creating the AJAX Request
  //
  $('form').submit(function(event) {
    // Stop the form from submitting
    event.preventDefault();
  
    // Get The value from the form
    var movieURL = "http://www.omdbapi.com/?";
    var movieName = $('#search').val();
    var movieOptions = {
      s: "",
  
    };
  
    function displayMovies(data) {
      var movieHTML = '&lt;ul&gt;';
      $.each(data.items, function(index, value) {
        movieHTML += '&lt;li&gt;';
        movieHTML += '&lt;img ';
        movieHTML += 'src="' + value.Poster + '" ';
        movieHTML += 'alt="' + value.Title + '" &gt;';
        movieHTML += '&lt;/li&gt;';
      });//end each
      movieHTML += '&lt;/ul&gt;';
      $('movieInformation').html(movieHTML);
  
    }
    $.getJSON(movieURL, movieOptions, displayMovies);// end getJSON
  
  }); // end submit function
  
  
  
    &lt;div class="heading"&gt;
          &lt;h1&gt;Movie Search&lt;/h1&gt;
          &lt;form&gt;
            &lt;label for="search"&gt;Type a movie title&lt;/label&gt;
            &lt;input type="search" name="search" id="search"&gt;
            &lt;input type="submit" value="Search" id="submit"&gt;
          &lt;/form&gt;
  
        &lt;/div&gt;
  
  
  
      &lt;div id="movieInformation"&gt;
      &lt;/div&gt;
  </code></pre>