title: combobox not refresh on value change
body: <p>on page init I have following render of combobox element</p>
  
  <pre><code>&lt;div class="combobox-container"&gt;
      &lt;input type="hidden" name="MySelection" value=""&gt;
      &lt;div class="input-group"&gt;
         &lt;input class="combobox form-control" type="text" autocomplete="off" placeholder="Select"&gt;
      &lt;ul class="typeahead typeahead-long dropdown-menu"&gt;
         &lt;li class="" data-value="val1"&gt;
         &lt;li class="active" data-value="val2"&gt;
         &lt;li data-value="val3"&gt;
         &lt;li data-value="val4"&gt;
         &lt;li data-value="val5"&gt;
      &lt;/ul&gt;
      &lt;span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"&gt;
         &lt;span class="caret"&gt;&lt;/span&gt;
         &lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;
      &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>which renders combo like</p>
  
  <p><a href="https://i.stack.imgur.com/kKtU3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kKtU3.png" alt="enter image description here"></a></p>
  
  <p>after I select option from this combo I'm geting rendered like </p>
  
  <p><a href="https://i.stack.imgur.com/KuMVi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KuMVi.png" alt="enter image description here"></a></p>
  
  <p>now after certain users action I'm resetting combo box on it's default state so I use following code</p>
  
  <pre><code>$('#MySelection').val(undefined);
  </code></pre>
  
  <p>this actually change value as I expected but ui elemenent stays intact, it appears 
  <a href="https://i.stack.imgur.com/nMEW0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nMEW0.png" alt="enter image description here"></a>
  and I want to appear as
  <a href="https://i.stack.imgur.com/2J4pk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2J4pk.png" alt="enter image description here"></a></p>
  
  <p>I tried with <code>$('#MySelection').data('combobox').refresh();</code>
  but that doesn't helped.</p>
  
  <p><strong>Update:</strong>
  As someone suggested I tried with moving <code>$('#MySelection').data('combobox').refresh();</code>
  at the end of the file since I'm getting error inside firebug  </p>
  
  <blockquote>
    <p>TypeError: $(...).data(...) is undefined').data('combobox').refresh();</p>
  </blockquote>
  
  <p>but it doesnt help. I try even to put at the of the <code>_Layout.cshtml</code> file after all jquery init files but also without any progress.</p>