title: Button JQuery event only working once, why?
body: <pre><code>&lt;script&gt;
          $("button").on("click", function() {
              $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&amp;filter[posts_per_page]=1", function(json) {
                  $(".author").html(json[0].title);
                  $(".quote").html('"'+json[0].content+'"');
              });
          });
  
      &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p><strong>Situation:</strong> I click, the data is loaded. I click again, nothing changes.</p>
  
  <p><strong>Codepen:</strong> <a href="http://codepen.io/anon/pen/vxGgaZ" rel="nofollow noreferrer">http://codepen.io/anon/pen/vxGgaZ</a></p>
  
  <p><strong>Reference:</strong> <a href="https://quotesondesign.com/api-v4-0/" rel="nofollow noreferrer">https://quotesondesign.com/api-v4-0/</a></p>