title: Retrieve data from xml file using jQuery
body: <p>I'm trying to retrieve data from XML file from the URL <a href="http://synd.cricbuzz.com/j2me/1.0/livematches.xml" rel="nofollow noreferrer">http://synd.cricbuzz.com/j2me/1.0/livematches.xml</a></p>
  
  <p>The code I'm using is :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $.ajax({
                      type: "GET",
                      url: "http://synd.cricbuzz.com/j2me/1.0/livematches.xml",
                      dataType: "xml",
                      success: function(data){
                          $(data).find('match').each(function(){
                              $(".container").append('&lt;div&gt;'+ 
                                $(this).find("src").text() +'&lt;/div&gt;');
                          });
                      },
                      error: function(){
                          alert('error occurred');
                      }   
                      });
                 });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="container"&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But every time I run this code it shows the error part i.e. an alert message "error occurred". Can anyone help me in this?</p>