title: Why ajax refreshes my page?
body: <p><a href="https://codepen.io/spacepirate/full/VaRWRv/" rel="nofollow">My code</a></p>
  
  <pre><code>function getQuote(){
  $.ajax({
      headers: {
  
          "X-Mashape-Key": "......",
          "Content-Type": "application/x-www-form-urlencoded",
          Accept: "application/json"
      },
      url: 'https://andruxnet-random-famous-quotes.p.mashape.com/?cat=movies',
      success: function(response) {
          var r = JSON.parse(response);
          currentQuote = r.quote;
          currentAuthor = r.author;
  }
  </code></pre>
  
  <p>There might be some syntax error above but that's because of editing the code here. So there's no syntax error in my original code.</p>
  
  <p>I simply want to change the content of the quote text and writer when the button is clicked without the page being refreshed.</p>