title: how to load json file using jsonp and jquery
body: <p>I have a file abcjsn.json in remote url like:  <strong>http://abc.com/abcjsn.json</strong>
  The content of the Json file is :</p>
  
  <pre><code>    {
  "root": {
      "node": [
          {
              "@attributes": {
                  "id": "6",
                  "name": "Europe",
                  "description": "European Curricula"
              },
              "node": {
                  "@attributes": {
                      "id": "2553",
                      "name": "Ireland",
                      "description": "Irish Curricula"
                  },
                  "node": {
                      "@attributes": {
                          "id": "3083",
                          "name": "Primary School Curriculum",
                          "description": "Primary Curriculum"
                      }
                  }
              }
          },
          {
              "@attributes": {
                  "id": "7",
                  "name": "Middle East",
                  "description": "Middle Eastern Curricula"
              }
          },
          {
              "@attributes": {
                  "id": "8",
                  "name": "North America",
                  "description": "North American Curricula"
              }
          },
          {
              "@attributes": {
                  "id": "9",
                  "name": "South America",
                  "description": "South American Curricula"
              }
          }
      ]
  }
  </code></pre>
  
  <p>}</p>
  
  <p>and i am using the following code to access it:</p>
  
  <pre><code>var url = "http://abc.com/abcjsn.json"
  
          $.ajax({
            url: url,
            dataType: 'jsonp',
            data:  {},
            success: function(data) { alert(data); },
            jsonp: 'jsonp'
          });
  </code></pre>
  
  <p>But i am not able to access it. it newer goes to alert.
  how can i do it.</p>