diff --git a/test/attributes/hx-vals.js b/test/attributes/hx-vals.js
index 1cdc1482..9bcdc683 100644
--- a/test/attributes/hx-vals.js
+++ b/test/attributes/hx-vals.js
@@ -20,6 +20,18 @@ describe("hx-vals attribute", function() {
         div.innerHTML.should.equal("Clicked!");
     });
 
+    it('basic hx-vals works with braces', function () {
+        this.server.respondWith("POST", "/vars", function (xhr) {
+            var params = getParameters(xhr);
+            params['i1'].should.equal("test");
+            xhr.respond(200, {}, "Clicked!")
+        });
+        var div = make("<div hx-post='/vars' hx-vals='{\"i1\":\"test\"}'></div>")
+        div.click();
+        this.server.respond();
+        div.innerHTML.should.equal("Clicked!");
+    });
+
     it('multiple hx-vals works', function () {
         this.server.respondWith("POST", "/vars", function (xhr) {
             var params = getParameters(xhr);
diff --git a/test/attributes/hx-vars.js b/test/attributes/hx-vars.js
index dbb6b609..6d487c39 100644
--- a/test/attributes/hx-vars.js
+++ b/test/attributes/hx-vars.js
@@ -20,6 +20,18 @@ describe("hx-vars attribute", function() {
         div.innerHTML.should.equal("Clicked!");
     });
 
+    it('hx-vars works with braces', function () {
+        this.server.respondWith("POST", "/vars", function (xhr) {
+            var params = getParameters(xhr);
+            params['i1'].should.equal("test");
+            xhr.respond(200, {}, "Clicked!")
+        });
+        var div = make('<div hx-post="/vars" hx-vars="{i1:\'test\'}"></div>')
+        div.click();
+        this.server.respond();
+        div.innerHTML.should.equal("Clicked!");
+    });
+
     it('multiple hx-vars works', function () {
         this.server.respondWith("POST", "/vars", function (xhr) {
             var params = getParameters(xhr);