title: Change linear-gradient background on click
body: <p>Let's assume I have an array with the following colors below, how I make the colors to be alternating when I click on something using jQuery?</p>
  
  <pre><code>var colors = {          
      orange: { 
            color1: '#FE6442',
            color2: '#F53A45'
        },
        purple: {
            color1: '#B051F7',
            color2: '#9647F0'
        },
        blue: {
            color1: '#006DD9',
            color2: '#005BB7'
        }, 
  }
  </code></pre>
  
  <p>I want to change the <code>linear-gradient</code> background to the two colors of each array and that the colors change in order with each click.</p>