Calling a wcf service in Phonegap+Jquerymobile for Windows phone 7 application

See more:

Mobile

Hello Everyone,

I am trying to make a mobile application in Phonegap and Jquerymobile (as UI) but i m completely noob at javascript i am trying to call a wcf service(access sql database via linq to sql class)in Phonegap.My Service is running fine but the mobile part is creating some problems Here's my service-

[ServiceContract]

   public interface IService1
   {

       [OperationContract]
       [WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json)]

       List<My_Employee> FindEmployee(string uid);

and Jquerymobile UI in Index.html file of Cordova(Phonegap)-

<div data-role="page"  id="one" data-theme="a">
        <div data-role="header" data-theme="b" >
          <h1>EmpFinder</h1>
        </div>
          <!--head finishes here-->
          <div data-role="fieldcontain">
            <label for="name">EmpId:</label>
            <input type="text" name="name" id="empid" value=""  />
          </div>
          <!--Text input finishes here-->

          <div>
            <p>
              <input type="submit" id="requestdata" value="Submit" data-theme="b" />
            </p>
          </div>
     </div>

user will Write the empId in text input and Employee's Full name along with his/her Phoneno. will be displayed.
Please tell me how should i start with calling the service on button click event.
Sorry if the Question irritates you but i really need to find an answer to this.
I'm Using VS2010 Professional for writing Web Service and My Phonegap's Version is 2.1.0
Any Suggestions are Welcome.
Thanks for reading this.
Have a nice day ahead..