Random quote generator color changing issue

Random quote generator color changing issue

<html lang="en">
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></script>
  <link href="https://fonts.googleapis.com/css?family=Crete+Round" rel="stylesheet">
 <script src="https://use.fontawesome.com/6bb989a5d9.js"></script>
 <link href="style.css" rel="stylesheet" type="text/css" />


	var url="http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?";
  $.getJSON(url, function(data){
$(".quote-text").text(#text + data.quoteText + #text);


   //this function will be called when you will click on get new quote

  //functiion to get new quote
function getQuote(){
var url="http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?";
var colors = ['#16a085', '#27ae60', '#2c3e50', '#f39c12', '#e74c3c', '#9b59b6', '#FB6964', '#342224', "#472E32", "#BDBB99", "#77B1A9", "#73A857"];

 var color = Math.floor(Math.random() * colors.length);
  $("html body").animate(
      backgroundColor: colors[color],
      color: colors[color]
      backgroundColor: colors[color]

$.getJSON(url, function(data){




<div class="quote-box">
<div class="quote-text">
<i class="fa fa-quote-left"> </i><span id="text"></span>
<i class="fa fa-quote-right"> </i><span id="Text"></span>
<div class="quote-author">
    - <span id="author"></span>
<div class="buttons">
<a class="button" id="tweet-quote" title="Tweet this quote!">
<i class="fa fa-twitter"></i>
<a class="button" id="tumblr-quote" title="Post this quote on tumblr!">
<i class="fa fa-tumblr"></i>
    <button class="button" id="new-quote" >New quote</button>


this is my code but problem is that i m not able to change background color and i have inserted inverted commas which are not appearing


Not sure what you mean with the above statement.


Sir i want to display inverted commas in the starting of quotes.
But $(".quote-text).html(data.quoteText) is not returning the inverted commas in the starting
I have added a code for inverted commas in body part
Pls check the code
Background color problem is sloved