Added a remove button for input

javascript/src/Main.js

@@ -60,9 +60,21 @@ $(document).ready( function () {
 
         $('.qfq-clear-me').each(function() {
             var myInput = $(this);
-            if(myInput) {
-                console.log("test");
+            if(!myInput.is("input")) {
+                return;
             }
+            var closeButton = $("<span>", {
+                class: "qfq-clear-me-button hidden"
+            });
+            closeButton.on("click", function(e) {
+                myInput.val('');
+                closeButton.addClass("hidden");
+            });
+            $(this).after(closeButton);
+            $(this).on("input", function() {
+                closeButton.removeClass("hidden");
+            });
+            
         });
 
     })(QfqNS);

less/qfq-bs.css.less

@@ -1059,7 +1059,31 @@ select.qfq-locked:invalid {
 }
 
 span.qfq-more-text {
-  display: none
+  display: none;
+}
+
+.qfq-clear-me-button {
+  display: block;
+  content: '\f00d';
+  font-family: FontAwesome;
+  right:21px;
+  width: 30px;
+  height: 30px;
+  top: 2px;
+  position:absolute;
+  cursor: pointer;
+}
+.qfq-clear-me-button:before {
+  content: '\f00d';
+  font-family: FontAwesome;
+  position: absolute;
+  color: #aaa;
+  font-size: 21px;
+  left: 12px;
+}
+
+input.qfq-clear-me {
+  padding-right: 28px;
 }
 
 // Droplets