title: ".modal is not a function" Bootstrap 3.3.7, jQuery 3.1.1
body: <p>I'm capturing a field via jQuery</p>
  
  <pre><code>$addPanel = $("div#add-panel");
  </code></pre>
  
  <p>Then</p>
  
  <pre><code>$addPanel.modal("show");
  </code></pre>
  
  <p>However, when the command is executed I get an error on my console:</p>
  
  <pre><code>Index.js:148 Uncaught TypeError: $addPanel.modal is not a function
  at HTMLButtonElement.&lt;anonymous&gt; (Index.js:148)
  at HTMLButtonElement.dispatch (jquery-3.1.1.js:5201)
  at HTMLButtonElement.elemData.handle (jquery-3.1.1.js:5009)
  </code></pre>
  
  <p>I've already verified the import sequence on my _layout file (using asp.MVC), already tried the jQuery.noConflit(); comand. No success.</p>
  
  <p>Here is the HTML from the captured div:</p>
  
  <pre><code>&lt;div class="modal fade" id="add-panel" tabindex="-1" role="dialog"&gt;
  &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
              &lt;h4 class="modal-title"&gt;Cadastrar nova nota fiscal&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-4"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label&gt;Número&lt;/label&gt;
                          &lt;input id="number" placeholder="Insira o número" type="text" class="form-control" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-4"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label&gt;Série&lt;/label&gt;
                          &lt;input id="serie" placeholder="Insira a série" type="text" maxlength="50" class="form-control" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-4"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label&gt;Data&lt;/label&gt;
                          &lt;input id="date" placeholder="Insira a data" type="text" class="form-control" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-12"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label&gt;Fornecedor&lt;/label&gt;
                          &lt;div class="input-group"&gt;
                              &lt;input class="form-control" id="supplierName" placeholder="Insira o nome do novo fornecedor" /&gt;
                              &lt;select id="supplierID" class="form-control"&gt;
                                  &lt;option value="" class="empty"&gt;Selecione o fornecedor ou cadastre em +&lt;/option&gt;
                              &lt;/select&gt;
                              &lt;span class="input-group-btn"&gt;
                                  &lt;button id="supplierAdd" type="button" class="btn btn-group btn-default" title="Novo Fornecedor"&gt;
                                      &lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt; Novo
                                  &lt;/button&gt;
                                  &lt;button id="supplierSave" type="button" class="btn btn-group btn-success" title="Salvar"&gt;
                                      &lt;i class="glyphicon glyphicon-ok"&gt;&lt;/i&gt; &lt;span&gt;Salvar&lt;/span&gt;
                                  &lt;/button&gt;
                                  &lt;button id="supplierCancel" type="button" class="btn btn-group btn-danger" title="Cancelar"&gt;
                                      &lt;i class="glyphicon glyphicon-remove"&gt;&lt;/i&gt; Cancelar
                                  &lt;/button&gt;
                              &lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-12"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label&gt;Descrição&lt;/label&gt;
                          &lt;textarea id="note" placeholder="Insira uma anotação" maxlength="200" class="form-control" style="resize: none;"&gt;&lt;/textarea&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button type="button" class="btn btn-default" id="cancel-button" data-dismiss="modal"&gt;Fechar&lt;/button&gt;
              &lt;button type="button" class="btn btn-primary" id="confirm-button"&gt;Salvar&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thanks for the help.</p>