Contact form configuration

Contact form configuration

Hello, I got a website template with a slide out jquery 'Quick Contact' form that I can't get it to work. I contacted the template provider and they can't solve my problem. Their solution was simply to change the email to mine so the info would automatically forward to my email. My site's host is Go Daddy, and I wanted to use their FormMailer. What's the easiest way to get the form to send to my email. Do I have to leave the jquery.contactable.js as is and edit the email, or do I have to configure the 'action' in the form script itself? Here is the form as it came with the template:
 
  1. <!--Contact starts here -->
  2. <script type="text/javascript" src="include/jquery.twit.min.js"></script>
  3. <script type="text/javascript" src="include/jquery.twit.js"></script>
  4. <link href="include/jquery.twit.css" type="text/css" rel="stylesheet" />
  5. <!--Contact ends here -->
  6.  
  7. //Contact starts here 
  8.  $(function(){
  9.   $('#contactAt').contactable({
  10.     recipient: email@acompany.com, (THEY SAID TO CHANGE THIS EMAIL TO MINE)
  11.     subject: 'The Quick Message'
  12.    });
  13.  });
  14.  
  15. //Contact Ends here
 
Here is the jquery.contactable.js file, sorry for all the code, but I don't want to leave anything out.
 
  1. /*
  2.  * contactable 1.0 - jQuery Ajax contact form
  3.  *
  4.  * Copyright (c) 2009 Philihttp://www.theodin.co.uk/)
  5.  * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  6.  * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
  7.  *
  8.  * Revision: $Id: jquery.contactable.js 2009-08-24 $
  9.  *
  10.  */
  11.  
  12. //extend the plugin
  13. (function($){
  14.  //define the new for the plugin ans how to call it 
  15.  $.fn.contactable = function(options) {
  16.   //set default options 
  17.   var defaults = {
  18.    name: 'Name',
  19.    email: 'Email',
  20.    message : 'Message',
  21.    recipient : 'test@test.co.uk',
  22.    subject : 'A contactable message',
  23.    recievedMsg : 'Thank you for your information, we will contact you as soon as possible.',
  24.    notRecievedMsg : 'Sorry but your message could not be sent, try again later',
  25.    disclaimer: 'Please feel free to get in touch,<br/>we value your feedback'
  26.   };
  27.   //call in the default otions
  28.   var options = $.extend(defaults, options);
  29.   var contactShowStatus =1;
  30.   
  31.   //act upon the element that is passed into the design   
  32.   return this.each(function(options) {
  33.    //construct the form
  34.    $(this).html('<div  id="contactable"></div><div id="contactForm" class="feedContainer"><a id="close_feedback" title="Close"><img src="plugin-images/btn-close.png" border="0" alt="Close" class="close" /></a><div class="topCrv"></div><div class="leftHand"><div class="leftshad"><div class="rightHand"><div class="rightshad"><div class="gradient"><form id="contactFormId"  method="" action=""><div id="loading">Please Wait..<br><img src="plugin-images/ajax-loader.gif" border="0"/></div><div class="holder"><input type="hidden" id="recipient" name="recipient" value="'+defaults.recipient+'" /><input type="hidden" id="subject" name="subject" value="'+defaults.subject+'" /><label ><input type="text" id="name" name="name" /></label><label><input type="text" id="email" name="email" /></label><label><textarea id="comment" name="comment"></textarea></label><label><input type="submit" name="Submit" value="SEND" class="btn" /><span style=" padding-top:4px;">'+defaults.disclaimer+'</span></label></div></form><
  35.    
  36.    $('#contactFormId #name').example('Name');
  37.    $('#contactFormId #email').example('Email');
  38.    $('#contactFormId #comment').example('Message');
  39.    
  40.   /* 
  41.    $(this).html('<div id="contactable"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback"></div><div class="holder"><input type="hidden" id="recipient" name="recipient" value="'+defaults.recipient+'" /><input type="hidden" id="subject" name="subject" value="'+defaults.subject+'" /><p><label for="name">Name <span class="red"> * </span></label><br /><input id="name" class="contact" name="name" /></p><p><label for="email">E-Mail <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="comment">Your Feedback <span class="red"> * </span></label><br /><textarea id="comment" name="comment" class="comment" rows="4" cols="30" ></textarea></p><p><input class="submit" type="submit" value="Send"/></p><p>'+defaults.disclaimer+'</p></div></form>');
  42.   */ 
  43.    //show / hide function
  44.   function contactShow() {
  45.     $('#overlay').css({display: 'block'});
  46.     $('div#contactable').animate({"marginLeft": "-=5px"}, "fast");
  47.     $('#contactForm').animate({"marginLeft": "-=0px"}, "fast");
  48.     $('div#contactable').animate({"marginLeft": "+=748px"}, "slow");
  49.     $('#contactForm').animate({"marginLeft": "+=745px"}, "slow");
  50.     $('.feedContainer .close').css({right: '-4px'});
  51.     contactShowStatus = 0;
  52.    }
  53.   function contactHide() {
  54.     $('#contactForm').animate({"marginLeft": "-=745px"}, "slow");
  55.     $('div#contactable').animate({"marginLeft": "-=748px"}, "slow").animate({"marginLeft": "+=5px"}, "fast");
  56.     $('#overlay').css({display: 'none'});
  57.     $('.feedContainer .close').css({right: '0px'});
  58.     contactShowStatus =1;
  59.    }
  60.    
  61.    $('div#contactable').click(
  62.     function() {
  63.     if(contactShowStatus==1)
  64.      contactShow();
  65.     else
  66.      contactHide();
  67.    
  68.    });
  69.    
  70.    $('a#close_feedback').click(function() {
  71.     contactHide();
  72.    
  73.    }
  74.    );
  75.    //validate the form
  76.    $("#contactFormId").validate({
  77.     //set the rules for the fild names
  78.     rules: {
  79.      name: {
  80.       required: true,
  81.       minlength: 2
  82.      },
  83.      email: {
  84.       required: true,
  85.       email: true
  86.      },
  87.      comment: {
  88.       required: true
  89.      }
  90.     },
  91.     //set messages to appear inline
  92.     messages: {
  93.      name: "Please enter your name",
  94.      email: "Please enter your email",
  95.      comment: "Please enter your Message"
  96.     },
  97.     submitHandler: function() {
  98.      $('.holder').hide();
  99.      $('#loading').show();
  100.      $.get('mail.php',{recipient:$('#recipient').val(), subject:$('#subject').val(), name:$('#name').val(), email:$('#email').val(), comment:$('#comment').val()},
  101.      function(data){
  102.       $('#loading').css({display:'none'});
  103.       $('.holder').show();
  104.       //document.forms['contactFormId'].reset()
  105.       name:$('#name').val('');
  106.       email:$('#email').val('');
  107.       comment:$('#comment').val('');
  108.       
  109.       if( data == 'success') {
  110.        $('#callback').show().append(defaults.recievedMsg);
  111.       } else {
  112.        $('#callback').show().append(defaults.notRecievedMsg);
  113.       }
  114.      });  
  115.     }
  116.    });
  117.   });
  118.  };
  119.  //end the plugin call
  120. })(jQuery);
 
 
Any help at all will be appreciated.