title: SCRIPT438: Object doesn't support property or method 'resizable'
body: <p>I have a page where I need to show a modal. I want to make it re-sizeable but it is not working. Below is all imported js/css files</p>
  
  <pre><code>&lt;script src='&lt;%= RootPath + "/Scripts/jquery-2.0.3.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/App.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/libs/bootstrap.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/libs/bootbox.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/libs/bootstrap-modal.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/libs/bootstrap-transition.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/icheck/jquery.icheck.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/select2/select2.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/tableCheckable/jquery.tableCheckable.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/libs/raphael-2.1.2.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/morris/morris.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/sparkline/jquery.sparkline.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/demos/dashboard.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Content/BootStrap/js/plugins/datepicker/bootstrap-datepicker.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/Scripts/jquery-migrate-1.2.1.min.js" %&gt;'&gt;&lt;/script&gt;
  &lt;script src='&lt;%= RootPath + "/JS/Bootstrap.common.js" %&gt;'&gt;&lt;/script&gt;
  
  
  &lt;link rel="stylesheet" href="../Content/BootStrap/css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/css/bootstrap.min.css.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/js/plugins/icheck/skins/minimal/blue.css.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/js/plugins/fullcalendar/fullcalendar.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/js/plugins/fullcalendar/fullcalendar.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/js/plugins/datepicker/datepicker.css.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/css/bootstrap-responsive.min.css"&gt;
  &lt;link rel="stylesheet" href="../Content/BootStrap/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css.css"&gt;
  </code></pre>
  
  <p>And js code is like </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $('.modal-content').resizable({
          //alsoResize: ".modal-dialog",
          minHeight: 300,
          minWidth: 300
      });
      $('.modal-dialog').resizable({
          //alsoResize: ".modal-dialog",
          minHeight: 300,
          minWidth: 300
      });
      $('.modal-dialog').draggable();
  &lt;/script&gt;
  </code></pre>
  
  <p>What is wrong in it?</p>