Parse URL | jQuery Plugin

<div class="input-group">
	<input id="link" type="text" class="form-control"/>
	<span class="input-group-btn">
		<button id="parse" class="btn btn-success">Parse</button>
	</span>
</div>
<dl id="result"></dl>


var link = $('#link').val('http://domain/app/page.html?p1=aaa&p2=bbb#ccc');
var show = function(name, value){
	$('#result').
		append($('<dt/>').text(name)).
		append($('<dd/>').text(value))
	;
}
var parse = function(){
	var r = $.parseURL($('#link').val());
	$('#result').empty();
	show('href', r.href);
	show('protocol', r.protocol);
	show('host', r.host);
	show('hostname', r.hostname);
	show('port', r.port);
	show('pathname', r.pathname);
	show('hash', r.hash);
	show('search', r.search);
	show('query', r.query);
	var q = r.query;
	$.each(q, function(name){
		show(name, q[name]);
	});
}
$('#parse').on('click', function(){
	parse();
});

Parse URL :: jQuery Utility Kit