title: OMDb API not working in javascript
body: <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>