Html show keyboard on iphone through jquery/javascript
===

I want to display keyboard on iphone whenever focus is set to an input field programmatically.
The code works fine when I set focus for the first time but fails to do so subsequently.

Here is a snippet of code. Any idea how to keep the keyboard visible?

	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<style>
	body{background-color: #efefef;}
	input:focus{ color:red; font-size:30px; background: rgba(0,0,0,0.2); }
	.button {
	  font-family: Arial; color: #ffffff; font-size: 35px; padding: 10px;
	  text-decoration: none; -webkit-border-radius: 28px; -moz-border-radius: 28px;
	  -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666;
	  text-shadow: 1px 1px 3px #666666; border: solid #005157 2px;
	  background: -webkit-gradient(linear, 0 0, 0 100%, from(#c3f7f4), to(#095461));
	  background: -moz-linear-gradient(top, #c3f7f4, #095461);
	}
	.button:hover { background: #19ad02; }
	</style>
		<head>
			<title>I Pad</title>
			<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
		</head>
		<body>
			<button type="button" name="" id="name" value="" class="button">Submit</button>
			<input type="text" id="kb" value="" class="button"/>
			<input type="text" id="kb1" value="" class="button"/>
			<script type="text/javascript">
					$('#name').click(function(){			
						$('#kb').focus();
						$('#kb').blur();
						$('#kb1').focus();
					});
			</script>
		</body>
	</html> 