OMDb API not working in javascript
<p>I am using <a href="http://www.omdbapi.com/" rel="nofollow">OMDb API</a> to fetch Title, Year and Runtime of movie. These should appear on the page as soon as it loads.I used j query ajax for this. But it does not work.</p>

<p>As soon as the page loads it shows undefined written there. Where I am making the mistake?? </p>

<p>I am new to j query ajax and API's so any help would be appreciated.Thanks in advance :) </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;! doctype html&gt;
 &lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

 &lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script      src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;  &lt;/script&gt;
   
&lt;script type="text/javascript"&gt;
  
  window.onload=function()
    {
  $.ajax({
        url: "http://www.omdbapi.com/?t=spiderman&amp;y=&amp;plot=full&amp;r=json",
        crossDomain: true,
        dataType: "json",
        success: fetch
    }); 
}
    //For fetching data on success
   function fetch(e){      
    var result="";
    $.each(e,function(value){
  
         result+="&lt;p&gt;" +value.Title +"&lt;/p&gt;"; 
         result+="&lt;p&gt;" +value.Year +"&lt;/p&gt;";
         result+="&lt;p&gt;" +value.Runtime +"&lt;/p&gt;";   
       
    });
    $('#movie').html(result); //For storing result in html
   }   
&lt;/script&gt; 
 
&lt;/head&gt;
      
&lt;body&gt;
  &lt;p id="movie"&gt;&lt;/p&gt;
  
 &lt;/body&gt;</code></pre>
</div>
</div>
</p>