title: javascript push returning number instead of object
body: <p>I'm sure this is just some simple silly mistake that I'm missing, but <strong>can anyone tell me why <code>3</code> is being returned instead of <code>[{ "method": 'popup', "minutes": ''}, {"method": 'email', "minutes": '10'}, {"method": 'popup', "minutes": '20'}];</code>?</strong></p>
  
  <p>I made a jsfiddle so you can see as well: <a href="https://jsfiddle.net/qk10arb0/3/" rel="noreferrer">https://jsfiddle.net/qk10arb0/3/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;p&gt;Click the button to add a new element to the array.&lt;/p&gt;
  
  &lt;button onclick="addNewReminder()"&gt;Try it&lt;/button&gt;
  
  &lt;p id="demo"&gt;&lt;/p&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>function addNewReminder(){
        var newReminder = {
          "method": 'popup',
          "minutes": '20'
        };
  
        var reminders = [{
                  "method": 'popup',
                  "minutes": ''
                }, {
                    "method": 'email',
                    "minutes": '10'
                }];
  
      reminders = reminders.push(newReminder);
      document.getElementById("demo").innerHTML = reminders;
  }
  </code></pre>
  
  <p>Thanks!!!</p>