You should always start your jQuery using the ready() function. The handler passed to .ready() function is guaranteed to be executed after the DOM is ready.
There are a few ways to start your jQuery function, but all are equivalent:
$(document).ready(function() {
// Do some magic
});
$().ready(function() {
// A bit quicker to write
});
$(function() {
// Nice shorthand that I prefer to use
});
A recent upgrade to jQuery 1.5 from 1.2 highlighted a problem with jQuery expressions which resulted in a number of javascript errors...
Syntax error, unrecognized expression: [@attributename=value]' when calling ...
Some digging highlighted that attribute selectors, since jQuery 1.3 and above no longer use the @ syntax. This actually had been deprecated since version 1.1.4, but only from version 1.3 is it no longer supported.
Old way (pre jQuery 1.3)...
$("#holder input[@value=contacts2]");
New way (post jQuery 1.3)...
$("#holder input[value=contacts2]")
So I've developed my web application in firefox, all seems to be working fine but before I check-in I quickly check the application in the other major browsers; they all work great. All work great APART from IE!
In IE it turns out that the jQuery .html() attribute won't replace contents of first matched element unless the new HTML is valid (i.e. opening and closing tags match). Guess I can't complain with IE not liking the HTML I'm giving it when its imperfect. If only IE practiced what it preached! :)
// This fails in IE...
$('#someDivID').html("<div id='newDivID'><p>hello world</p></div></div>");
// This works in IE...
$('#someDivID').html("hello world
");
That is all.