diff --git a/index.html b/index.html
index 278db3c..6189c1e 100644
--- a/index.html
+++ b/index.html
@@ -95,10 +95,14 @@
             componentWillUnmount() {
                 $(this.refs.queryBuilder).queryBuilder('destroy');
             }
+            shouldComponentUpdate() {
+                return false;
+            }
             // get data from jQuery Query Builder and pass to the react component
             handleGetRulesClick() {
                 const rules = $(this.refs.queryBuilder).queryBuilder('getRules');
                 this.setState({rules: rules});
+                this.forceUpdate();
             }
             // reinitialize jQuery Query Builder based on react state
             handleSetRulesClick() {
@@ -106,6 +110,7 @@
                 newRules.rules[0].value = newRules.rules[0].value + 10;
                 $(this.refs.queryBuilder).queryBuilder('setRules', newRules);
                 this.setState({rules: newRules});
+                this.forceUpdate();
             }
 
             render() {