diff --git a/SparkleShare/Mac/SparkleMacController.cs b/SparkleShare/Mac/SparkleMacController.cs
index c526174b..7b68a116 100644
--- a/SparkleShare/Mac/SparkleMacController.cs
+++ b/SparkleShare/Mac/SparkleMacController.cs
@@ -138,7 +138,10 @@ namespace SparkleShare {
 				StreamReader reader = new StreamReader (html_path);
 				string html = reader.ReadToEnd ();
 				reader.Close ();
-				
+
+                html = html.Replace ("<!-- $jquery-url -->", "file://" +
+                    Path.Combine (NSBundle.MainBundle.ResourcePath, "HTML", "jquery.js"));
+                Console.WriteLine (html);
 				return html;
 			}
 		}
diff --git a/SparkleShare/Mac/SparkleShare.csproj b/SparkleShare/Mac/SparkleShare.csproj
index 08c5bec8..8041e08f 100644
--- a/SparkleShare/Mac/SparkleShare.csproj
+++ b/SparkleShare/Mac/SparkleShare.csproj
@@ -62,7 +62,7 @@
       <SpecificVersion>False</SpecificVersion>
       <HintPath>..\..\bin\Meebey.SmartIrc4net.dll</HintPath>
     </Reference>
-    <Reference Include="SparkleLib, Version=0.2.1.0, Culture=neutral, PublicKeyToken=null">
+    <Reference Include="SparkleLib, Version=0.2.2.0, Culture=neutral, PublicKeyToken=null">
       <SpecificVersion>False</SpecificVersion>
       <HintPath>..\..\bin\SparkleLib.dll</HintPath>
     </Reference>
@@ -170,6 +170,9 @@
     <Content Include="..\..\data\icons\document-moved-12.png">
       <Link>Pixmaps\document-moved-12.png</Link>
     </Content>
+    <Content Include="..\..\data\html\jquery.js">
+      <Link>HTML\jquery.js</Link>
+    </Content>
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Pixmaps\" />
diff --git a/data/html/event-entry.html b/data/html/event-entry.html
index 4cd10ea2..b1f454bd 100644
--- a/data/html/event-entry.html
+++ b/data/html/event-entry.html
@@ -15,18 +15,15 @@
         <div style='margin-top: 9px;border-top: 1px #ccc solid;box-sizing: border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box; margin-top: 3px;width:100%;padding:12px;'>
-<table>
-<tr><td><b>Hylke Bons</b><br>
-<small>2 days ago</small></td>
-<td>this looks awesome!</td></tr>
-<tr><td><b>Garrett LeSage</b><br>
-<small>yesterday</small></td>
-<td>i am batman</td></tr>
 
-<tr><td width="25%"><b>Jakub Steiner</b><br>
-<small>yesterday</small</td>
-<td>you need to align to the pixel grid. select Grid from the View menu. then enable box snapping
-</td></tr>
+<table class="comments-<!-- $event-revision -->">
+
+    <tr><td class="comment-author">Hylke Bons</td><td class="comment-text" rowspan="2">this looks awesome!</td></tr>
+    <tr><td class="comment-timestamp">date</td><td></td></tr>
+
+    <tr><td class="comment-author">Hylke Bons</td><td class="comment-text" rowspan="2">this looks awesome!</td></tr>
+    <tr><td class="comment-timestamp">date</td><td></td></tr>
+
 </table>
 
             <textarea style="margin-top: 12px;box-sizing: border-box;
diff --git a/data/html/event-log.html b/data/html/event-log.html
index e877b98f..c48ea6b9 100644
--- a/data/html/event-log.html
+++ b/data/html/event-log.html
@@ -2,6 +2,15 @@
 <html>
     <head>
         <title>SparkleShare Event Log</title>
+        <script type="text/javascript" src="<!-- $jquery-url -->"></script>
+        <script type="text/javascript">
+          $(document).ready(function() {
+              $("input").click(function () {
+alert('ff');
+              });
+          });
+        </script>
+
         <style>
             body {
                 background-color: #dedede;

Hylke Bons -2 days ago	this looks awesome!
Garrett LeSage -yesterday	i am batman
Jakub Steiner -yesterday -	you need to align to the pixel grid. select Grid from the View menu. then enable box snapping -
Hylke Bons	this looks awesome!
date	this looks awesome!
Hylke Bons	this looks awesome!
date	this looks awesome!