title: finding the order of which checkboxes have been checked
body: <p>I'm trying to get the order of which checkboxes have been checked. </p>
  
  <pre><code>&lt;ul class="dropdown-content checkboxes"&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Billy&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Jacob&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Bob&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Alexandren&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Erren&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Stewgart&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Jillian&lt;/label&gt;&lt;/li&gt;
    &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Other&lt;/label&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I came up with this but i'm unable to get the order of when the checkboxes were checked. I'm only able to get the list of which ones are checked only.</p>
  
  <pre><code>$(":checkbox").click(function() {
      console.log($(":checked").length);
      var i = 0;
      checked = true;
      $(':checkbox').each(function() {
          if (this.checked == false) {
              i++;
              if (i === 8) {
                  checked = false;
              }
          }
      });
  });
  </code></pre>
  
  <p>How would I get the data of what order they were checked? for instance "Checkboxes 1, 6, 3 ,2 were checked in this order"</p>