docs: Explain how to insert label into input

Author: briandipalma

index.html

@@ -125,7 +125,7 @@ <h1>Basic usage</h1>
 
 awesomplete.list = ["Ada", "Java", "JavaScript", "Brainfuck", "LOLCODE", "Node.js", "Ruby on Rails"];</code></pre>
 
-<p>Suggestions with different <strong>label</strong> and <strong>value</strong> are supported too. The label will be shown in autocompleter and the value will be inserted into the input.</p>
+<p>Suggestions with different <strong>label</strong> and <strong>value</strong> are supported too. The label will be shown in autocompleter and the <strong>value</strong> will be inserted into the input. If you want to insert the label into the input you can provide your own <strong>replace</strong> function</p>
 
 <pre class="language-markup"><code>&lt;input id="myinput" /></code></pre>
 	<pre class="language-javascript"><code>var input = document.getElementById("myinput");
@@ -146,7 +146,21 @@ <h1>Basic usage</h1>
 		[ "China", "CN" ],
 		[ "United States", "US" ]
 	]
-});</code></pre>
+});
+
+// Show label and insert label into the input:
+new Awesomplete(input, {
+	list: [
+		{ label: "Belarus", value: "BY" },
+		{ label: "China", value: "CN" },
+		{ label: "United States", value: "US" }
+	],
+	// insert label instead of value into the input.
+	replace: function(suggestion) {
+		this.input.value = suggestion.label;
+	}
+});
+</code></pre>
 
 </section>