HTML - Bootstrap - menu items not clicking on iPhone - html

Question

As title says i'm having trouble with bootstrap navbar menu items not clicking when viewing on iPhone.
I have emulated on chrome and the links work fine.
Any ideas?
<header id="Home" class="header">
<div style="text-align:right; color:#ffffff;">For your FREE mediation consultation** call:<br><strong style="font-size:24px;">XXXXXX</strong></div>
<div class="menu-wrapper">
<nav id="navigation" class="navbar navbar-default" role="navigation">
<div class="navbar-inner">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigationbar">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars fa-2x"></i>
</button>
<a id="brand" class="navbar-brand" href="index.html" style="color:#ffffff; font-size:24px; line-height:24px;">
Company <br>
Name<br>
Here
</a>
</div>
<div class="navbar-collapse collapse" id="navigationbar">
<ul class="nav navbar-nav navbar-right" id="nav">
<li class="current">Home</li>
<li>About Us</li>
<li>What is Mediation</li>
<li>FAQ</li>
<li>Our Expertise</li>
<li>Our Fees</li>
<li>Contact</li>
</ul>
</div><!-- end navbar-collapse collapse -->
</div><!-- nav -->
</nav><!-- end navigation -->
</div><!-- menu wrapper -->
</header><!-- end header -->

Answer 1

OK... I found the culprit however do not know how to fix
<script type="text/javascript">
// Close the navbar if collapsed (small screen) when clicking on a menu link
// From edit 2 on
// http://stackoverflow.com/questions/14203279/bootstrap-close-responsive-menu-on-click/23171593#23171593
$(function () {
$('.navbar-collapse ul li a:not(.dropdown-toggle)').bind('click touchstart', function () {
$('.navbar-toggle:visible').click();
});
});
</script>
If I remove this code it works but the menu does not disappear. I'd like a solution where the menu items are clicked and the menu then disappears.
Thanks!