title: how to disable drag and drop in Jquery Nestable List
body: <p>Im trying to created a nested list using jquery nestable with drag feature disable throughout the list.
  Below is my html.</p>
  
  <pre><code>&lt;div class="dd" id="nestable"&gt;
  &lt;ol class="dd-list"&gt;
      &lt;li class="dd-item" id="no-drag"&gt;
          &lt;div class="dd-handle"&gt;
              Foo
              &lt;div class="pull-right action-buttons"&gt;
                  &lt;a class="blue" href="#"&gt;
                      &lt;i class="ace-icon fa fa-pencil bigger-130"&gt;&lt;/i&gt;
                  &lt;/a&gt;
  
                  &lt;a class="red" href="#"&gt;
                      &lt;i class="ace-icon fa fa-trash-o bigger-130"&gt;&lt;/i&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;ol class="dd-list"&gt;
              &lt;li class="dd-item" id="no-drag"&gt;
                  &lt;div class="dd-handle"&gt;
                      Bar
                      &lt;div class="pull-right action-buttons"&gt;
                          &lt;a class="blue" href="#"&gt;
                              &lt;i class="ace-icon fa fa-pencil bigger-130"&gt;&lt;/i&gt;
                          &lt;/a&gt;
  
                          &lt;a class="red" href="#"&gt;
                              &lt;i class="ace-icon fa fa-trash-o bigger-130"&gt;&lt;/i&gt;
                          &lt;/a&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;ol class="dd-list"&gt;
                      &lt;li class="dd-item" id="no-drag"&gt;
                          &lt;div class="dd-handle"&gt;
                              Baz
                              &lt;div class="pull-right action-buttons"&gt;
                                  &lt;a class="blue" href="#"&gt;
                                      &lt;i class="ace-icon fa fa-pencil bigger-130"&gt;&lt;/i&gt;
                                  &lt;/a&gt;
  
                                  &lt;a class="red" href="#"&gt;
                                      &lt;i class="ace-icon fa fa-trash-o bigger-130"&gt;&lt;/i&gt;
                                  &lt;/a&gt;
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ol&gt;
              &lt;/li&gt;
          &lt;/ol&gt;
      &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p></p>
  
  <p>My script looks like below::</p>
  
  <pre><code>$('.dd').each(function(){
              $(this).nestable({
                  maxDepth: 1,
                  group: $(this).prop('id')
              });
          });
  </code></pre>
  
  <p>At the moment, im able to create nested list and user can rearrange the nested list. I want that feature to disabled but im not able to do it. Please advise.</p>