title: Click event after filling textbox
body: <pre><code>                &lt;div class=&quot;row&quot; style=&quot;padding-bottom:12px;&quot;&gt;
               &lt;div class=&quot;col-md-2&quot;&gt;
                      &lt;div&gt;Instantie&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div  class=&quot;col-md-4&quot; &gt;
                      @Html.TextBoxFor(model =&gt; model.Instantie, new { @id = &quot;txtInstantieName&quot;, @class = &quot;form-control tt-input&quot;, @style = &quot;text-transform:uppercase;&quot; })
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-1&quot;&gt;&lt;button type=&quot;button&quot; id=&quot;InstantieDetailButton&quot;&gt;...&lt;/button&gt;&lt;/div&gt;                 
              &lt;/div&gt;
  </code></pre>
  <p>I have text box txtInstantieName after its filled i want click event for InstantieDetailButton button in Jquery. Aftter removing cursor or pressing tab or enter the click event needs to be triggered. Can someone please help.</p>
  <p>Solution Working:</p>
  <pre><code>    $(document).ready(function () {
      $(&quot;#txtInstantieName&quot;).focusout(function () {
          $(&quot;#InstantieDetailButton&quot;).click();
      });
  });
  </code></pre>