title: dat.GUI user input not working
body: <p>I am building a simple web application. As part of it I want to use dat.GUI since it seems to be the easiest way.</p>
  
  <p>What I want to do:
  I am using three.js to display an object. Over this object I want some sort of GUI (currently using dat.GUI) which allows the user to input a search term and hit a button to then call a function which uses the search term.</p>
  
  <p>So far, I have created a variable called search term and the added this to the GUI. This works fine and the value of the variable is displayed. The GUI is also able to listen to the variable and updates once it changes. But I am unable to modify the value. I also added a field to adjust the intensity of the a light I added to the szene in three.js. For this part of the GUI adjusting the value by dragging the bar works but trying to input a value does not.</p>
  
  <p>Code looks something like this:</p>
  
  <pre><code>var searchterm = '';
  ...
  
  function init(){
  ....
  var gui = new dat.GUI();
  gui.add(light, 'intensity').min(1).max(10).listen();
  gui.add(this, 'searchterm').listen();
  
  }
  </code></pre>
  
  <p>Any help on why I can't edit the values or suggestions for other easy to use GUIs would be appreciated.</p>