update value from change event, if field is changed without selecting…

… a value

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "knockout-jqAutocomplete",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "main": "build/knockout-jqAutocomplete.min.js",
   "ignore": [
     "examples",

build/knockout-jqAutocomplete.js

@@ -1,4 +1,4 @@
-// knockout-jqAutocomplete 0.1.2 | (c) 2013 Ryan Niemeyer |  http://www.opensource.org/licenses/mit-license
+// knockout-jqAutocomplete 0.1.3 | (c) 2013 Ryan Niemeyer |  http://www.opensource.org/licenses/mit-license
 ;(function(factory) {
     if (typeof define === "function" && define.amd) {
         // AMD anonymous module
@@ -45,6 +45,13 @@
                 options.value(ui.item && ui.item.actual);
             };
 
+            //user made a change without selecting a value from the list
+            config.change = function(event, ui) {
+                if (!ui.item) {
+                    options.value(event.target && event.target.value);
+                }
+            };
+
             //initialize the widget
             var widget = $(element).autocomplete(config).data("ui-autocomplete");
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "knockout-jqAutocomplete",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "devDependencies": {
     "grunt": "~0.4.1",
     "grunt-contrib-uglify": "0.x.x",

spec/knockout-jqAutocomplete.spec.js

@@ -696,6 +696,25 @@ describe("knockout-jqAutocomplete", function(){
             expect(value()).toEqual("two");
         });
 
+        it("should populate the value when not selecting from list", function() {
+            var $listItems,
+                items = ["one", "two", "three"],
+                value = ko.observable();
+
+            ko.applyBindingsToNode(input, {
+                jqAuto: {
+                    value: value,
+                    source: items
+                }
+            });
+
+
+            $input.val("test").blur();
+            $input.trigger("autocompletechange");
+
+            expect(value()).toEqual("test");
+        });
+
         it("should respect the valueProp option on selection", function() {
             var $listItems,
                 items = [

src/knockout-jqAutocomplete.js

@@ -44,6 +44,13 @@
                 options.value(ui.item && ui.item.actual);
             };
 
+            //user made a change without selecting a value from the list
+            config.change = function(event, ui) {
+                if (!ui.item) {
+                    options.value(event.target && event.target.value);
+                }
+            };
+
             //initialize the widget
             var widget = $(element).autocomplete(config).data("ui-autocomplete");