title: $('input') is returning empty
body: <p>Odd problem, tested this on chrome and mozilla and it worked somehow in safari $('input') is returning empty.?? Am i doing something wrong here? My code is below</p>
  
  <p>Javascript:</p>
  
  <pre><code>function prepare_publisher_profile_input_fields(){
      var inputs = document.getElementsByTagName("INPUT");
      for (var i = 0; i &lt; inputs.length; i++) {
          if (inputs[i].type === 'submit') {
              inputs[i].disabled = true;
          }
      }
  
      var element = this;
  
      $('input').click(function () {
          $(this).removeAttr('readonly');
          $('input').removeAttr('disabled');
          $("#publisher_profile_save").removeAttr('disabled');
          $("#publisher_profile_save").bind('click', function () {
              publisher_profile_save();
          });
  
          $("#publisher_profile_cancel").removeAttr('disabled');
  
          $("#publisher_profile_cancel").bind('click', function () {
              publisher_profile_cancel();
          });
      });
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input type="text" name="company_name" value="" class="input-xlarge form-required" readonly="readonly" id="company_name"&gt;
  &lt;input type="text" name="username" value="" class="input-xlarge form-required" readonly="readonly" id="username"&gt;
  &lt;a href="#" id="publisher_profile_save" class="btn btn-primary pull-left" disabled="disabled"&gt;Save&lt;/a&gt;
  &lt;a href="#" id="publisher_profile_cancel" class="btn btn-primary pull-right" disabled="disabled"&gt;Cancel&lt;/a&gt;
  </code></pre>
  
  <p>Help please. </p>