ASP.NET MVC JQuery UI TAB – How to make post-back on each tab click. How to make it SEO friendy?-Collection of common programming errors

I am using jquery tab as given bellow. Clicking on each tab it make a AJAX call according to its href url. Problem is AJAX call is not SEO friendly. How i can make it SEO friendly? How to do a postback on each tab click and keep current tab as selected after postback. Also how to update url on each tab click i mean if user click on [SPECIFICATION] tab, after post back url should look like www.domnainname/cardetails/specification

I AM USING ASP.NET MVC 4.0.

    $(function ($) {
        $('#example').tabs();
    });




                

• Overview
• Specifications
• Exterior
• Interior
• Dimensions
• Feature
• Instrument Panel

                
                    This is Tab one
                
                
                
                
                
                
                
                
                
                
                
                
                
            

Thanks,

@Paul