title: Make the button do anything
body: <p>I'm trying to create a random quote generator and I've linked the GET request with the button. I'm kinda clueless with API's this is my first try and I'd like for someone to point out my mistake. Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#randomQuote").on('click', function() {
    $.ajaxSetup({
      cache: false
    });
    $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&amp;callback=", function(data) {
      $(".messageQuote").html(data[0].content + " - " + data[0].title)
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;h1 class="text-center"&gt;random quotes&lt;/h1&gt;
  &lt;div class="container"&gt;
    &lt;div class="well col-xs align-self-center messageQuote text-center"&gt;
      &lt;button id="randomQuote" type="button"&gt;random quote&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://codepen.io/grodis/pen/ZXNZvz?editors=1011" rel="nofollow noreferrer">https://codepen.io/grodis/pen/ZXNZvz?editors=1011</a></p>