JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

JavaScript

$("button").click(function(){
      $.ajax({
          type:"GET",
          url:"http://api.openweathermap.org/data/2.5/weather?q=London",
          dataType : "jsonp",
          success:function(result){
              console.log(result);
               $("#div1").html(result['name']);
          },
          error: function(xhr, status, error) {
              console.log(status);
          }
        });
  });