title: TMDB API - using jQuery to get film genres and images
body: <p>I've got basic HTML and jQuery code which shows films currently playing (will add CSS later), but I also want to add each film's genre and image. I'm not sure how to do this. Any help appreciated, thanks. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
    &lt;title&gt;jQuery Test&lt;/title&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;script type="text/javascript" charset="utf-8"&gt;
      var api_key = 'mysecretapikey';
  
      $(document).ready(function(){
        $.ajax({
          url: 'https://api.themoviedb.org/3/movie/now_playing?api_key=' + api_key,
  
          dataType: 'jsonp',
          jsonpCallback: 'testing'
        }).error(function() {
          console.log('error')
        }).done(function(response) {
          for (var i = 0; i &lt; response.results.length; i++) {
            $('#search_results').append('&lt;li&gt;' + response.results[i].title + '&lt;/li&gt;');
          }
        });
      });
    &lt;/script&gt;
  
    &lt;h2&gt;Now Playing&lt;/h2&gt;
  
  
    &lt;p id="error"&gt;&lt;/p&gt;
    &lt;ul id="search_results"&gt;&lt;/ul&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>