title: How to print json console.log data in browser?
body: <p>I'm trying to output Json data in browser using javascript but i was only able to output in console.log i don't know what to search of. I'm a beginner in javascript please help me out here.</p>
  
  <p>script.js</p>
  
  <pre><code>$(document).ready(function() {
      var url = 'http://api.themoviedb.org/3/',
          mode = 'movie/',
          movie_id,
          key = '?api_key=e9dfeccf734a61b9a52d9d7660f0d0a1';
  
      $('button').click(function() {
          var input = $('#movie').val(),
              movie_id = encodeURI(input);
          $.ajax({
              type: 'GET',
              url: url + mode + movie_id + key,
              async: false,
              jsonpCallback: 'testing',
              contentType: 'application/json',
              dataType: 'jsonp',
              success: function(json) {
                  console.dir(json);
              },
              error: function(e) {
                  console.log(e.message);
              }
          });
      });
  });
  </code></pre>
  
  <p>index.php</p>
  
  <pre><code>&lt;input id="movie" type="text" /&gt;&lt;button&gt;Search&lt;/button&gt;
  </code></pre>
  
  <p>This code output all the data in console.log but i wanna do is it should display data in browser and i wanna output some specific objects like title of movie and overview and image.</p>