title: Bootstrap Selectpicker not working on a global modal
body: <p>I made a global modal with this </p>
  
  <pre><code>&lt;div id="GlobalModal" class="modal fade" role="dialog"&gt;
   &lt;div class="modal-dialog"&gt;
      &lt;style&gt;
          #GlobalModal .modal-body .body-content {
              margin:0;
              width: 100%;
          }
      &lt;/style&gt;
      &lt;!-- Modal content--&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header" style="background:#337ab7;"&gt;
              &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
              &lt;h4 class="modal-title" style="color:white"&gt;Not set...&lt;/h4&gt;
          &lt;/div&gt;
           &lt;div class="modal-body"&gt;
  
           &lt;/div&gt;
           &lt;div class="modal-footer"&gt;
              &lt;button type="button" class="btn btn-primary"&gt;Save&lt;/button&gt;
              &lt;button type="button" class="btn btn-warning" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>and this is my button for calling the modal</p>
  
  <pre><code>&lt;button id="new-communication" type="button" class="btn btn-info btn-sm"&gt;NEW &lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>and this is the content</p>
  
  <pre><code>&lt;div class="hidden"&gt;
   &lt;div id="mc-communication"&gt;
    &lt;form id="loginForm"  class="form-horizontal" role="form" method="POST" action="" &gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;Type&lt;/label&gt;
        &lt;div class="col-sm-10"&gt;
          &lt;select class="form-control selectpicker show-tick" name="SingleSelectFieldType"&gt;
            &lt;option&gt;&lt;/option&gt;
            &lt;option&gt;Mobile - Private&lt;/option&gt;
            &lt;option&gt;Mobile - Office&lt;/option&gt;
            &lt;option&gt;Others&lt;/option&gt;
          &lt;/select&gt;
          &lt;/select&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;Value&lt;/label&gt;
        &lt;div class="col-sm-10 col-md-10"&gt;
            &lt;input class="form-control" type="tel" id="input-mobile-number" placeholder="" name="MobileNumberFieldType"&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;&lt;/label&gt;
        &lt;div class="col-sm-10"&gt;
          &lt;div class="[ form-group ]"&gt;
            &lt;input type="checkbox" checked /&gt;
              &lt;span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/label&gt;
                &lt;label&gt;Primary&lt;/label&gt;
          &lt;/div&gt;
        &lt;/div&gt; 
    &lt;/div&gt;
   &lt;/form&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is my jQuery of calling the content to get into the modal
  class.modal.js</p>
  
  <pre><code>var Modal = {
   Me: $('#GlobalModal'),
   Title: 'Undefined Title',
    Width: { xs: '25%', sm: '40%', md: '55%', lg: '70%', xl: '85%', full: '95%' },
   Show: function (params) {
     this.Me.find('.modal-body').empty();
     this.Me.find('.modal-title').text((this.Title == null) ? this.Title : params.Title);
  
     if(params.Content.substr(0, 1) == '#') { //To Check if content may come from a view or a div
       this.Me.find('.modal-body').append($(params.Content).clone());
     } else {
       this.Me.find('.modal-body').load(params.URI);
     }
  
     this.Me.find('.modal-dialog').css('width', this.Width[params.Width]);
     this.Me.modal('show');
   }
  }
  </code></pre>
  
  <p>and the script to call in my view</p>
  
  <pre><code>  $(document).ready(function(){
      $('#new-communication').on('click', function(){
       Modal.Show({
        Title: 'Communication',
        Content: '#mc-communication',
        Width: 'sm'
      });
     });
   });
  </code></pre>
  
  <p>The thing is I can see the contents inside my select, but I can't select it and I also got a checkbox there and I can't check it. I tried making a new modal that is not global, but just for the communication, and it worked, I don't know what's wrong with my code.</p>