Api ничего не показывает по вызову

Question

Я пытаюсь создать небольшой веб-сайт для школы, мне нужно вызвать API и получить данные с помощью jQuery, чтобы отобразить их в моем HTML. Но я не знаю, почему он не хочет работать, когда я называю его как любой API.

Вот мой код, который не работает:

$.getJSON("http://api.tvmaze.com/singlesearch/shows?q=rick-&-morty&embed=episodes&fbclid=IwAR3ELV6z5JquoLAP5TQQ1z0Ifw3-1zEu2ZYv0DDAU1yBzsj_TVMHid8LTjM", function(json) {
  var info = json;
  $("#name").append("Name : " + info.name);
});

/* CSS files add styling rules to your content */

body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
}

h1 {
  font-style: italic;
  color: #373fff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="header">
  <!-- full width div by default -->
  <div class="container">
    <h1 id="city"></h1>
  </div>
  <!-- end of div with "container" class -->
</div>
<!-- end of #header -->

<div id="content" class="container">
  <!-- second "container" -->
  <div class="row">
    <div class="twelve columns">

      <span id="name"></span> <br />
    </div>

  </div>
</div>

Если вы попытаетесь переключить ссылку API с этим: https://api.openweathermap.org/data/2.5/weather?q=Paris&units=metric&appid=b0ce16829d2797b1f7e13b46746aa4e2 это работает, поэтому я не понимаюВ чем проблема? От меня оба должны справиться.

Спасибо за вашу помощь, я начинаю с API и jQuery, так что это может быть глупо.