title: JSLint mixed spaces and tabs error
body: <p>I have run the following through JSLint:</p>
  
  <pre><code>$(document).ready(function() {
  
      /*
          Add paragraph on page load
      */
  
      // Get all header elements
      var header = document.getElementsByTagName('h1'),
          parent,
          newP,
          text;
  
      // Loop through the elements
      for (var i=0, m = header.length; i &lt; m; i++) {
          parent = header[i].parentNode;
          newP = document.createElement("p");
          text = document.createTextNode('This paragraph was inserted with JavaScript!');
          newP.appendChild(text);
          // Insert the new P element after the header element in its parent node
          parent.insertBefore(newP, header[i].nextSibling);   
      }
  
      // so much easier with jQuery!
      //$('.section &gt; h1').after('&lt;p&gt;I am a new paragraph &amp;amp; I have been added to the page with javascript!&lt;/p&gt;');
  
      /*
          Toggle show/hide
      */
  
      // display show/hide link - hidden by default if JS disabled as functionality is not available
      $('#content &gt; .section &gt; h2 &gt; a').removeClass('hide');
  
      // hide What's new on page load - all content will be available if JS disabled  
      $('#content &gt; .section &gt; ul').addClass('hide');
  
      // show/hide content on click event
      $('#content &gt; .section &gt; h2 &gt; a').live('click',function() {
  
          $('#content &gt; .section &gt; ul').toggle();
  
          return false;
  
      });
  
      /*
          JSON
      */
  
      var $jsonURL = 'scripts/response.json';
  
      $.ajax({
          type: 'GET',
          url: $jsonURL,
          dataType: "json",
          success: function(data){
  
              $.each(data.data, function(i, data){
  
                  var $html = '';
  
                  var $string = '';
  
                  if (data.type == 'comment') {
                      $string = 'file';
                  } else {
                      $string = 'workspace';
                  }
  
                  $html += '&lt;li class="' + data.type + '"&gt;';
  
                  $html += '&lt;strong&gt;New ' + data.type + '&lt;/strong&gt; was added to the ' + $string + ' ';
  
                  $html += '&lt;a href="' + data.target + '"&gt;' + data.target + '&lt;/a&gt; ';
  
                  $html += '&lt;a href="' + data.workspace + '"&gt;' + data.workspace + '&lt;/a&gt;';
  
                  $html += ' by &lt;a href="#"&gt;' + data.user + '&lt;/a&gt;'; 
  
                  $html += '&lt;/li&gt;';   
  
                  $('#content &gt; .section &gt; ul').append($html);    
  
              });
  
          },
          error:function (xhr, ajaxOptions, thrownError){
              alert(xhr.status);
              alert(thrownError);
          }           
      }); 
  
  });
  </code></pre>
  
  <p>And am getting this error:</p>
  
  <pre><code>Error:
  
  Problem at line 89 character 4: Mixed spaces and tabs.
  
  }
  
  Implied global: $ 1,31,34,37,39,51,57,81, document 1,8,16,17, alert 87,88
  </code></pre>
  
  <p>Not really sure how to fix?</p>