Browser Link JS error on page load

Question

Using Visual Studio 2013 RTM and Web Essentials I get the following JavaScript error in Chrome on page load.

Uncaught Error: Syntax error, unrecognized expression: div.main/PhoneIcon.png

My best guess is that it is referring to the following line of html which is near the top of my page.

<div class="main/PhoneIcon.png sprite"></div>

I'm also not able to edit/modify HTML/CSS using Browser Link.

What do I need to do to fix Browser Link?

Answer 1

Browser Link tried to create a jQuery selector that would uniquely identify this tag, but it didn't handle the unexpected class name correctly.

You can work around this by adding an ID to the tag. Browser Link would rather use an ID, because it's more likely to be unique. It will ignore the class name if there's a unique ID on the tag.

Or, if you just want Browser Link to get out of the way, you can disable it by unchecking "Enable Browser Link" in the Browser Link menu on the Standard toolbar.