title: Store the checked checkbox value and it's name in a two dimensional array
body: <p>I want to store the checked checkbox value and it's name in a two dimensional array,
  here is html code.</p>
  
  <pre><code>&lt;h3&gt;Select your favorite sports:&lt;/h3&gt;
  &lt;label&gt;
      &lt;input type="checkbox" value="football" name="football"&gt; Football&lt;/label&gt;
  &lt;label&gt;
      &lt;input type="checkbox" value="baseball" name="baseball"&gt; Baseball&lt;/label&gt;
  </code></pre>
  
  <p>And I can only display the checked checbox values, here is jQuery code</p>
  
  <pre><code>$(document).ready(function () {
      $("button").click(function () {
          var favorite = [];
          $.each($("input:checked"), function () {
              favorite.push($(this).val());
          });
          alert("My favourite sports are: " + favorite);
      });
  });
  </code></pre>
  
  <p>My question is how to store both values and It's name in favorite array?</p>