internal links not working on multipage document - html

Question

I have a multi page document and the home page links to other pages without a hitch however if I try to link to another page from the content of a page it does nothing, the link is just dead. same on mobile and desktop. Here is the code for the whole of page 4 (the page where I am trying to insert these links) My document has 7 pages in total. The first issue is on line 16, my link is:
<a href="#webdesign">
however this does nothing even though I have a page called 'webdesign'
<!-- Start of fourth page -->
<script>
$(document).on('click', 'a.webdesign', function () { $.mobile.changePage('#webdesign'); });
</script>
<div data-role="page" id="services">
<div data-role="header1">
<div align="center"><img src="http://www.magnetikmedia.co.uk/m/images/magnetikmedia_header.png" width="90%"></div>
</div>
<div>
<div align="center"><img src="http://www.magnetikmedia.co.uk/m/images/services_banner.png" width="100%"></div>
</div><!-- /header -->
<div data-role="content">
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="true">
<h3>Website Design</h3>
<p>We offer a full website design service whether you are looking for a basic, low maintenance site to create your online presence, a responsive site to attract more mobile browsers or an advanced, dynamic e-commerce site to power your business to the next level. We also offer a website content management service so whether you need any information editing or amending your current site or would like a page or two adding then we can do this for you. Read more about our website design services</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>facebook Development</h3>
<p>The most striking part of any facebook business page is the cover image. This, along with your profile, can make or break a facebook page. We design custom cover images perfectly suited to your industry and business to really enable you to stand out and make visitors want to 'like' you! Read more about facebook timeline design</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>twitter Design</h3>
<p>We can create custom backgrounds for your Twitter pages that can incorporate your logo, contact details or, in fact, anything you like. This helps you move one step closer to catching the eye of potential customers who will be passing by (and there will be a lot based on the fact there are over 140 million active users!) Read more about twitter design</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Email Marketing</h3>
<p>Our dynamic e-mail campaign service means we can create a custom newsletter, an advert for a special offer or just a courtesy message to your customer base that is professionally designed and can be mailed out to as many customers as you wish. Not only that but it will be fully trackable so you can keep tabs on who has read the email or who has yet to open it. We can even add a secure, online subscription form to your website or facebook page where potential new customers can sign up to your mailing campaigns which are then integrated automatically so they are ready to be included in your next mailout. Read more about email marketing</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Animation</h3>
<p>From animated email footers to full promotional videos, flash animation can be a useful tool to showcase your product or services to the world in an attractive and fun way. Read more about our animation services</p>
</div>
</div>
<div align="center"><!-- /content -->
<div id="footer1">
<div id="footer_left">
<div align="center"><img src="http://www.magnetikmedia.co.uk/m/images/fbook_foot.png" width="30" height="30" style="margin-right:10px;" ><img src="http://www.magnetikmedia.co.uk/m/images/twitter_foot.png" width="30" height="30" style="margin-right:10px;" ><img src="http://www.magnetikmedia.co.uk/m/images/blogger_foot.png" width="30" height: "30" style="margin-right:10px;" ><img src="http://www.magnetikmedia.co.uk/m/images/linkedin_foot.png" width="113" height="30" style="margin-right:10px;" ></div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div align="center"><!-- /footer -->

Answer 1

There was one closing div missing, added that and all fixed.