title: Disable jQuery UI combobox
body: <p>I have a combobox in my page <a href="http://jqueryui.com/autocomplete/#combobox" rel="nofollow noreferrer">(extension of jQuery UI autocomplete)</a>.
  And i want to disable them (the input field) at a method call.</p>
  
  <p>I tried a variant of <a href="https://stackoverflow.com/questions/7666441/how-to-disable-jquery-ui-combobox">this answer</a>, as</p>
  
  <pre><code> $("#my_selector").next(".ui-combobox").find("input.ui-combobox-input").prop('disabled', true);
  </code></pre>
  
  <p>but it seems the span is not being fetched at all :( .</p>
  
  <p>i had managed to set the input field's ID while _create() , directly accessing the input field as</p>
  
  <pre><code> window.console.log("The ID ::" +$('#id_of_InputField_in_Autocomplete').attr('id'));
  </code></pre>
  
  <p>But this too returns <em>undefined</em></p>
  
  <p>Any inputs or some way to disable the field will be appreciated !</p>