title: $("this").attr("name") through undefined
body: <p>Here is my HTML:</p>
  
  <pre><code>&lt;form action="" id="onepagecheckout_orderform"&gt;
  &lt;input type="text" id="billing:firstname" name="billing[firstname]" value="" title="First Name" class="t1 required-entry"/&gt;
  &lt;input type="text" id="billing:lastname" name="billing[lastname]" value="" title="Last Name" class="t1 required-entry"/&gt;
  &lt;br/&gt;
  &lt;input type="checkbox" class="" name="shipping[clone]" id="shippingClone" title="Clone"/&gt;
  &lt;label for="shippingClone"&gt;Ship to same address&lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <p>And jQuery is:</p>
  
  <pre><code>$(document).ready(function () {
      function cloneMe() {
          $("#onepagecheckout_orderform input:text").each(function () {
              alert($('this').attr("name"));
          });
          return false;
      };
      $('#shippingClone').on('click', function () {
          cloneMe();
      });
  });
  </code></pre>
  
  <p>The jsfiddle link is: <a href="http://jsfiddle.net/velmurugansp/Ljhpb/" rel="nofollow">here</a></p>
  
  <p>When I click check box, it should show name of all input:type. But it says "undefined".</p>
  
  <p>Please help me out.</p>