title: JQuery reset select2 in modal
body: <p>I have tried the way like this to reset select2 in my modal, but It does not work.</p>
  
  <pre><code>$(".payment-method").select2('data', null);
  
  &lt;div class="modal-body"&gt; 
                    &lt;form class="form-horizontal" id="category-form" enctype="multipart/form-data"&gt;
                    {{ csrf_field() }}
                          &lt;div class="col-xs-12 col-sm-6 col-md-6"&gt;
                            &lt;label&gt;Payment Methods (Untuk kebutuhan tertentu)&lt;/label&gt;
                            &lt;div class="dropdown"&gt;
                              &lt;select class="form-control payment-method" name="paymentType" multiple="multiple" data-placeholder="Select the payment method"&gt;
                                &lt;option value="1"&gt;cash&lt;/option&gt;
                                &lt;option value="2"&gt;credit&lt;/option&gt;
                                &lt;option value="3"&gt;debit&lt;/option&gt;
                              &lt;/select&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
  
                  &lt;/form&gt;
                  &lt;/div&gt; 
  </code></pre>