title: populating input text fixed on change on selected dropdown list
body: <p>I am having an issue where i have to populate an input text field on specific dropdown select. </p>
  
  <p>I want to populate <code>&lt;input id=title&gt;</code> with either; the value selected from a select element or the value in an <code>&lt;input type="text"</code> element that has <code>&lt;div data-autocomplete&gt;</code> as its parent.</p>
  
  <pre><code>&lt;div data-autocompelete&gt;
  &lt;select&gt;
     &lt;option&gt;January&lt;/option&gt;
     &lt;option&gt;February&lt;/option&gt;
     &lt;option&gt;March&lt;/option&gt;
  &lt;/select&gt;
  &lt;div data-autocompelete&gt;
  &lt;select&gt;
     &lt;option&gt;1&lt;/option&gt;
     &lt;option&gt;2&lt;/option&gt;
     &lt;option&gt;3&lt;/option&gt;
  &lt;/select&gt;
  &lt;select&gt;
     &lt;option&gt;abc&lt;/option&gt;
     &lt;option&gt;cde&lt;/option&gt;
     &lt;option&gt;efg&lt;/option&gt;
  &lt;/select&gt;
  &lt;div data-autocompelete&gt;
  &lt;select&gt;
     &lt;option&gt;2013&lt;/option&gt;
     &lt;option&gt;2012&lt;/option&gt;
     &lt;option&gt;2011&lt;/option&gt;
  &lt;/select&gt;
  &lt;div data-autocompelete&gt;
  &lt;input type="text" id="foo"/&gt;
  &lt;input type="text" id="title"/&gt;
  </code></pre>
  
  <p>Thanks.</p>