Tab options does not work correctly - html

Question

<div class="" id="loginModal">
<div class="modal-header">
<h3>Have an Account?</h3>
</div>
<div class="modal-body">
<div class="well">
<ul class="nav nav-tabs">
<li class="active">Login</li>
<li>Create Account</li>
<li>Login as admin</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane active in" id="login">
<form class="form-horizontal" action='' method="POST">
<fieldset>
<div id="legend">
<legend class="">Login</legend>
</div>
<div class="control-group">
<!-- Username -->
<label class="control-label" for="username"></label>
<div class="controls">
<input type="text" id="username" name="username" placeholder="Username" class="input-xlarge">
</div>
</div>
<div class="control-group">
<!-- Password-->
<label class="control-label" for="password"></label>
<div class="controls">
<input type="password" id="password" name="password" placeholder="Password" class="input-xlarge">
</div>
</div>
<div class="control-group">
<!-- Button -->
<div class="controls">
<button class="btn btn-primary">Login</button>
</div>
</div>
</fieldset>
</form>
</div>
<div class="tab-pane fade" id="admin">
<form class="form-horizontal" action='' method="POST">
<fieldset>
<div id="legend">
<legend class="">Sign as admin</legend>
</div>
<div class="control-group">
<!-- Username -->
<label class="control-label" for="username"></label>
<div class="controls">
<input type="text" id="adminname" name="adminname" placeholder="Username" class="input-xlarge">
</div>
</div>
<div class="control-group">
<!-- Password-->
<label class="control-label" for="password"></label>
<div class="controls">
<input type="password" id="adminpassword" name="adminpassword" placeholder="Password" class="input-xlarge">
</div>
</div>
<div class="control-group">
<!-- Button -->
<div class="controls">
<button class="btn btn-primary">Login</button>
</div>
</div>
</fieldset>
</form>
</div>
<div class="tab-pane fade" id="create">
<form id="tab">
<label>Username</label>
<input type="text" value="" class="input-xlarge">
<label>First Name</label>
<input type="text" value="" class="input-xlarge">
<label>Last Name</label>
<input type="text" value="" class="input-xlarge">
<label>Email</label>
<input type="text" value="" class="input-xlarge">
<label>Address</label>
<textarea value="Smith" rows="3" class="input-xlarge">
</textarea>
<div>
<button class="btn btn-primary">Create Account</button>
</div>
</form>
</div>
</div>
</div>
</div>
In this code i have three tabs ( login,create account and login as admin) last of this it isn't working. When i click on Login as admin tab nothing appears. I don't get where is the problem, why the tab is not working, can anybody help me with a solution?