title: Get data from JSON API and display it in HTML
body: <p>I'm trying to use this <strong>minecraft server API (JSON)</strong>, to show in my webpage, something like... <em>Right now there are (players) connected</em>.
  The JSON file looks like this (external):</p>
  
  <pre><code>{
  "status": true,
  "players": {
      "online": 534,
      "max": 900
  },
  "cache": 1442690473 }
  </code></pre>
  
  <p>I want to fetch the data players (online) and display it on a html paragraph.... Using JavaScript or Jquery. I searched some solutions, using <em>getJSON</em>, but I couldn't make it work..
  I tried using AJAX to make a request...</p>
  
  <pre><code>  // AJAX Request to JSON
                $.ajax({
                    url: "https://mcapi.ca/query/mythalium.com/players",
                    // Handle as Text
                    dataType: "text",
                    success: function(data) {
                        // Parse JSON file
                        var json = $.parseJSON(data);
                        //Store data into a variable
                        // Display Players
                        $('#players').html('Currently there are: ' + json.players.now ' users');
                    }
        });
  </code></pre>
  
  <p>And then display it using:</p>
  
  <pre><code> &lt;span id="results"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Why is not working? Nothing is being showed...</p>