title: Exclude an element with a specific attribute from jQuery selectors
body: <p>I am using this javascript to empty an input/textarea when focussed.</p>
  
  <pre><code>   $(document).ready(function() {
      $('input[type="text"],textarea').not('[readonly="readonly"]').addClass("idleField");
      $('input[type="text"],textarea').focus(function() {
          $(this).removeClass("idleField").addClass("focusField");
          if (this.value == this.defaultValue){
              this.value = '';
          }
          if(this.value != this.defaultValue){
              this.select();
          }
      });
      $('input[type="text"],textarea').blur(function() {
          $(this).removeClass("focusField").addClass("idleField");
          if ($.trim(this.value) == ''){
              this.value = (this.defaultValue ? this.defaultValue : '');
          }
      });
     });
  </code></pre>
  
  <p>I am looking for a way to exclude those <code>input</code> fields, which are set <code>readonly</code> via <code>readonly="readonly"</code>. I know I should be using <code>.not</code> (I guess), but I can not figure out how.</p>