title: Uncaught SyntaxError: Unexpected token ILLEGAL
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/4404526/unexpected-token-illegal-in-webkit">Unexpected token ILLEGAL in webkit</a>  </p>
  </blockquote>
  
  
  
  <p>I wrote a simple script for a hover over effect here <a href="http://jsfiddle.net/paDmg/368/" rel="nofollow noreferrer">http://jsfiddle.net/paDmg/368/</a> for this site <a href="http://avuedesigns.com/new/" rel="nofollow noreferrer">http://avuedesigns.com/new/</a> - It works on jsfiddle, but I am getting </p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token ILLEGAL </p>
  </blockquote>
  
  <p>in my JavaScript when I put it live. It's on line 29 it is telling me which is the closing marks });​</p>
  
  <pre><code>$('#hover-grid .indiv-cell').hover(function() {
  
  //set variables to current cell attributes
  var cellHeader = $(this).attr('data-hoverheader');
  var cellText = $(this).attr('data-hovertext');
  var replacementImg = $(this).find('a img').attr('data-replacementimg');
  var oringinalImg = $(this).find('a img').attr('src');
  
  //save original image to data variable
  $(this).data('origImg', oringinalImg);
  
  //add remove classes
  $('#hover-grid .indiv-cell').removeClass('newClass');
  $(this).addClass('newClass', 1000);
  $(this).find('a img').hide().attr('src', replacementImg).fadeIn(300);
  $('.master-cell h1').hide().text(cellHeader).fadeIn(300);
  $('.master-cell p').hide().text(cellText).fadeIn(300);
  
  //return false;
  }, function() {
      $(this).find('a img').hide().attr('src', $(this).data('origImg')).fadeIn(10);
  });​
  </code></pre>