Say you want to create a dynamic menu based on some live data read from a server. Maybe you want to create some HTML like this:

<nav>
<ul>
	<li id="nav1" class="btn">item1</li>
	<li id="nav2" class="btn">item1</li>
	<li id="nav3" class="btn">item1</li>
	<li id="nav4" class="btn">item1</li>
</ul>
</nav>

With jQuery you can dynamically generate clickable elements like this:

$(".btn").live("click", function(){
var elem = event.target.id;
alert("you clicked: " + elem);
});

This works well in the desktop and in every browser but on Mobile Safari it fails.

A workaround is to deliberately add an “onclick” attribute to the element you want to attach the event:

<ul>
	<li id="nav1" class="btn" onclick="">item1</li>
</ul>

Frank Miller's Sin City Iphone Case

Gorgeous iphone case from one my favorite comics illustrator, Frank Miller. This one is from Sin City, but there’s also one from 300 AFAIK.