See below, which strange things can happen when you won’t end your line with a semicolon.
Javascript errors because of the order of javascript functions mixed with jQuery plugins…
http://jsfiddle.net/bpsuW/11/

foo is a simple javascript function.
Baz is a simple self running jQuery plugin. (because of the parentheses surrounding it).

foo = function(){
alert("function 1");
}

(function(){
$.fn.Baz = function(opt){
alert("function 2");
}
})(jQuery)


See below the script, without strange javascript errors.
http://jsfiddle.net/bpsuW/10/

The answer is really logical.
Because there is no semicolon, the jQuery plugin (Baz) will directly execute, because of the parentheses.
Like it’s a parameter of the javascript function you wrote before. (foo), and then throws errors.
So:

foo(Baz)

When you mix your jQuery plugins with native javascript classes and functions in different orders; these kind of errors can happen.
This scenario above shows you why you should always end your statements with a semicolon.

Today I found out a very strange thing… My jQuery Mobile website doesn’t work on iPhone Safari in 3G mode. In WIFI mode my page is fully loaded, and jQuery Mobile works fine.
I enabled debug messages on my iPhone. And then I found out that jquery.min.js gives me parse errors.

Parse errors jQuery.min.js
From jQuery 1.5 and higher.. You’ll receive parse errors in jQuery and therefore also jQuery Mobile can not be loaded. – And probably also not the other scripts that use jQuery.

javascript parse error line 3.
Can't find variable jQuery.

The problem seems to be with the mobile carrier’s transparent proxy. In this case T-Mobile / O2.
I tethered my phone so that I could browse on 3G and the file downloaded is completely different from that downloaded through my wired connection. Also, the downloaded files MD5 sums didn’t match!

Check this:
3G:

H TTP/1.1 200 OK
C ontent-Encoding: gzip
S erver: Apache/2.2.9 (Unix) PHP/5.2.6
E tag: "360ce-164ce-4a4b742e336c0"
A ccept-Ranges: bytes
C ontent-Type: application/javascript
A ge: 1317
D ate: Thu, 16 Jun 2011 14:56:25 GMT
L ast-Modified: Thu, 02 Jun 2011 09:28:35 GMT
E xpires: Fri, 17 Jun 2011 14:56:25 GMT
T ransfer-Encoding: chunked

Wired:

H TTP/1.1 200 OK
D ate: Thu, 16 Jun 2011 15:29:06 GMT
S erver: Apache/2.2.9 (Unix) PHP/5.2.6
L ast-Modified: Thu, 02 Jun 2011 09:28:35 GMT
E tag: "360ce-164ce-4a4b742e336c0"
A ccept-Ranges: bytes
C ontent-Length: 91342
K eep-Alive: timeout=5, max=100
C onnection: Keep-Alive
C ontent-Type: application/javascript

How to solve?
Don’t serve your jQuery file yourself but use a CDN like google:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

This did the trick!

Advanced HTML5 search field with placeholder and fallback for the other browsers.
Styling with gradient + radius + image in field.
With JS logics: Search on input string and search on enter.

HTML:

<fieldset class="search"><div class="inputsearchgroup">
<span class="search_icon"></span>
<input type="hidden" name="url" value="search.php">
<input class="search" type="search" placeholder="Search..." name="search"></div>
<button class="smallradius submit">Search</button>
</fieldset>

CSS:

fieldset.search {
	border: none;
	padding: 0;
	position: relative;
}

fieldset.search input {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    background: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)), color-stop(.3,rgba(250, 250, 250, 0))););
    background-image: -moz-linear-gradient(rgba(250, 250, 250, 1) 0%, rgba(255, 255, 255, 0) 30%);
    border: 1px solid #f2f2f3;
    float: left;
    margin-right: 5px;
    padding: 10px 0 10px 44px;
    background-color: #fff;
}

fieldset.search div.inputsearchgroup {
	position: relative;
	float: left;
}

fieldset.search div.inputsearchgroup span.search_icon {
	background: url(icon_search_glass.png) no-repeat 10px 7px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 33px;
}

/*
 * CSS3
 */
.smallradius {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

JS:

(function(){
	/*
	 * jQuery PlaceHolder + Search Submit
	 * it submits the search query on enter button and on search button.
	 * place holder functionality for browsers which don't support placeholder
	 * @author Lee Boonstra
	 * @since 21 jan 2011
	 * @version 1.0
	 *
	 * @uses jQuery 1.2.6, <http://www.jquery.com> or higher
	 */
	$.fn.SearchInput = function(){
		var strSavedString = "";

		/*
		 * Does the browser support placeholder attribute?
		 * @return boolean
		 */
		function isBrowserSupport(){
			var i = document.createElement("input");
			return "placeholder" in i;
		}
		return this.each(function(){
			var button = $(this).parent().parent().find('.submit');
			var url = $(this).parent().find('input[name|=url]').val();
			var e = $(this);

			var strPlaceHolderText = e.attr("placeholder");

			if(e.val().length == 0){
				e.val(strPlaceHolderText);
			}

			/*
			 * On field focus remove placeholder if there is no written text in it.
			 * @return void
			 */
			e.focus(function(){
				strSavedString = e.val();
				if (strSavedString === strPlaceHolderText) {
					e.val("");
				}
			});

			/*
			 * Save the written text in a variable
			 * @return void
			 */
			e.change(function(){
				strSavedString = e.val();
			});

			/*
			 * While leaving the focus of the field, put the placeholder back
			 * or the written text.
			 * @return void
			 */
			e.blur(function(){
				if(isBrowserSupport()===false){
					if(strSavedString !== strPlaceHolderText && strSavedString !== ""){
						e.val(strSavedString);
					} else {
						e.val(strPlaceHolderText);
					}
				}
			});

			/*
			 * Search if the key is enter or button has been clicked,
			 * if there's a input hidden url and the input is not empty and does not contain the    placeholder
			 */
			function search(ev){
				if (ev.keyCode === 13 && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null) {
					window.location.href = url + "?q=" + strSavedString;
				}
				if(ev==="click" && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null){
					window.location.href = url + "?q=" + strSavedString;
				}
			}

			/*
			 * Submit the query
			 */
			e.keyup(function(ev){
				search(ev);
			})
			button.click(function(){
				search("click");
			});

		});

	};
})(jQuery);

Yes, Mootools and jQuery can conflict each other, when you load both on your page.
Ofcourse, they can use same method names, therefore one of both could break.
In my case, I received in Joomla 1.5 errors for removing handlers.

See, I’m a fan of jQuery, that doesn’t say that I dislike MooTools, but when you create a nice Template for Joomla 1.5 and you decide to use jQuery, the hell breaks open when implementing:

<jdoc:include type="head" />

This, is because Joomla 1.5 uses MooTools and Caption javascript frameworks, for the backend admin panel, but also some components may require it.
In this case I would say, fuck it. – I want to have my own choice of which framework I would like to use.
So stick together with jQuery and wrote the following lines in the top of my index.php template:

$headerstuff = $this->getHeadData();
$headerstuff['scripts'] = array();
$this->setHeadData($headerstuff);

Goodbye MooTools and Caption frameworks. – My conflicts are solved!

Some weeks ago I made a blog post, about IE7Pro userscripts, the Greasemonkey-like plugin for Internet Explorer 7.
I’m still deeply in love with userscripts for both IE7Pro and Greasemonkey, but what a waste of time for spending
hours on writing big userscripts with DOM javascripting to extend that “untouchable” website/webapplication.
This should be different! Why not use jQuery for IE7Pro userscripts.

The idea is to load first the jQuery script and then the userscript.
Unfortunately a javascript include script like this will not work:

//load jQuery
inc("jquery.js");

/* jsHandler.js */
function inc(filename)
{
  var body = document.getElementsByTagName('body').item(0);
  script = document.createElement('script');
  script.src = filename;
  script.type = 'text/javascript';
  body.appendChild(script)
}

However, it’s still very easy to let jQuery run for userscripts.
First download the latest jQuery lib.

Incase of IE7Pro:
Rename the downloaded jQuery script to: jquery.ieuser.js and place it
in the userscript folder. (path\IEPro\userscripts).

Open the jquery.ieuser.js file and add the following comment block on the top of javascript lib file:

// ==UserScript==
// @name           jQuery
// @namespace      jQuery
// @include        *
// ==/UserScript==

Now you can reload the jQuery file from the preferences – userscript screen in IE7Pro, and enable jQuery.
To test it, create a new userscript with the following jQuery code. As soon as it runs, you know
that you can use jQuery for every page.

// ==UserScript==
// @name           Test
// @namespace      Test
// @include        *
// @author Lee Boonstra
// ==/UserScript==

$(document).ready(function(){
  alert("jQuery in userscripts do work!");
});