How to manipulate XML and post back to original XML file

How to manipulate XML and post back to original XML file

Note: All of the code in this question pertains to local data. This is not going to be on a web server, but locally on the PC running the code.

I have an XML file (current_jobs.xml) and an XSLT & CSS file to style it. I am currently showing the XML file via an HTML file using Javascript.
  1. <html>
  2. <head>
  3. <title>Job Board</title>
  4. <meta charset="utf-8"/>
  5. <link rel="stylesheet" href="style.css"/>
  6. <script type="text/javascript" src="jScript.js"></script>
  7. <script type="text/javascript" src="jquery-1.11.2.js"></script>
  8. </head>
  9. <body onload="displayResult()">
  10. <div id="PrintJobs"></div>
  11. </body>
  12. </html>
My XML structure looks like this...
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <CurrentJobs>
  3.   <Job>
  4.     <JobID>09015a7e-3883-4ea7-b27f-21c0fc969a7d</JobID>
  5.     <Status>a-current</Status>
  6.   </Job>
  7.   <Job>
  8.     <JobID>caf647f9-c153-4e2b-a9c0-57870307a286</JobID>
  9.     <Status>a-current</Status>
  10.   </Job>
  11.   <Job>
  12.     <JobID>0f93383f-ce69-42a8-a396-c57060545eee</JobID>
  13.     <Status>a-current</Status>
  14.   </Job>
  15. </CurrentJobs>
My XSLT file creates an HTML button...
  1. <button id="caf647f9-c153-4e2b-a9c0-57870307a286" onclick="markFinished(this.id)" type="button">Finished</button>
When the button is clicked, I want to find the associated JobID, change it's Status to 'b-finished' and save the resulting XML file back to the hard drive, overwriting the previous version.

I would love to know how to do all of this via jQuery rather than standard Javascript. Any help on any of this would be great, but really need to know how to resave the new XML file data. And I won't be using IE in any form, so I will not need any work-around code for IE.