title: jQuery not working in my HTML page
body: <p>I am stuck with an issue ..</p>
  
  <p>I am using AngularJS and 'have included jQuery in it which is not working in HTML page. Why does this happen?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#setting').change(function() {
    alert("hi");
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="content table-responsive table-full-width"&gt;
    &lt;table class="table table-hover table-striped"&gt;
      &lt;thead&gt;
        &lt;th&gt;Settings&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;select id="setting" class="form-control"&gt;
              &lt;option&gt;---Select---&lt;/option&gt;
              &lt;option ng-repeat="item in settings" value="{{item.id}}"&gt;{{item.name}}&lt;/option&gt;
            &lt;/select&gt;
            &lt;div id="btn" class="col-md-12" style="margin-top: 16px;"&gt;
              &lt;input type="button" name="Activate" value="Activate" /&gt;
              &lt;input type="button" name="Deactivate" value="Deactivate" /&gt;
            &lt;/div&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Please help me with this. Thanks in advance</p>