title: How to add a DIV to select option using javascript
body: <p>My question is about java script, i want to put or add a div or button or input inside select tag using java script.</p>
  
  <p>I using jquery.sumoselect plugin that make you multiple checkbox, but when i want to add some DIVs inside select tag is showing outside the list.</p>
  
  <p>i want the div inside select element like this picture : <a href="http://i.stack.imgur.com/Xd6FX.jpg" rel="nofollow">http://i.stack.imgur.com/Xd6FX.jpg</a></p>
  
  <p>this is my html code</p>
  
  <pre><code>&lt;div class="select-box-style right"&gt;
                      &lt;div class="your-list-title"&gt;Your Lists&lt;/div&gt;
  
                      &lt;select multiple="multiple" class="md_what_get right SlectBox"&gt;
                          &lt;option selected value="electronics"&gt;Electronics&lt;/option&gt;
                          &lt;option value="games"&gt;Video Games&lt;/option&gt;
                          &lt;option value="books"&gt;Books&lt;/option&gt;
                          &lt;option value="others"&gt;Others&lt;/option&gt;
                          &lt;option value="others"&gt;&lt;input type="text" name="lname"&gt;&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;div class="add-list-box"&gt;
                          &lt;input type="text" class="input-add-list"/&gt;
                          &lt;label class="label-spcbtn-blue spr" &gt;Add&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>and this how to call the plugin:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
                      $(document).ready(function () {
                          $('.SlectBox').SumoSelect();
                      });
                  &lt;/script&gt;
  </code></pre>
  
  <p>thank you for helping!</p>
  
  <p>....
  <strong>Update!</strong></p>
  
  <p>see this link <a href="http://wenzhixin.net.cn/p/multiple-select/docs/" rel="nofollow">http://wenzhixin.net.cn/p/multiple-select/docs/</a></p>
  
  <p>On The Filter1 you can see the input search inside select element, how can i do that?</p>