title: Issue with getting selected value of select menu in query?
body: <p>There is a select menu in my page which loads the values from DB. I am able to view the values in select menu. but while displaying the selected value, I am not able to display it properly. i.e. If the value contains any spaces it is not getting full value( EX: if I selected "Wilson Garden", I am getting only "Wilson". It is displaying "Wilson Garden" in select box, when I try to get that value by on change event I got only "Wilson",Same thing happen for all the values which has space in it.</p>
  
  <p>my html is code is:</p>
  
  <pre><code>&lt;select name="select-choice-1" id="select-choice-1"&gt;
   &lt;option value="Select Category"&gt;Select Category&lt;/select&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And my Jquery code is as follows,</p>
  
  <pre><code>     $("#select-choice").on('change', function(event) {
                alert( this.value );
                console.log("Category is: " +this.value); // Here I am getting the value.. 
                 });
  </code></pre>
  
  <p>// Store the values dynamically in to select menu..           </p>
  
  <pre><code>$(document).on("pagebeforeshow","#homePage",function(){
  
       var db = window.sqlitePlugin.openDatabase({name: "MYDB"});
       db.transaction(function (tx) {
         tx.executeSql("select distinct Category from Locationlog;", [], function (tx, res) {
              for (var i = 0; i &lt; res.rows.length; i++) {
                   $("#select-choice").append('&lt;option value='+res.rows.item(i).Category+'&gt;'+res.rows.item(i).Category+'&lt;/option&gt;');
                }
              $("#select-choice").listview('refresh');
            });
           });
        });
  </code></pre>