title: Jquery-ui plugin in grails 2.4.4 with asset-pipeline to add a date picker
body: <p>What are the steps I should do inorder to use jquery-ui plugin in grails 2.4.4 with asset-pipeline?</p>
  
  <p>What I have done is:
  I have added</p>
  
  <pre><code>compile "org.grails.plugins:jquery-ui:1.10.4"
  </code></pre>
  
  <p>in BuildConfig.groovy</p>
  
  <p>also added:</p>
  
  <pre><code>//= require jquery-ui/js/jquery-ui-1.10.4.custom.min
  //= require js/jquery-ui-1.10.4.custom
  </code></pre>
  
  <p>in application.js</p>
  
  <p>and </p>
  
  <pre><code>*= require themes/ui-lightness/jquery-ui-1.10.4.custom
  </code></pre>
  
  <p>in application.css</p>
  
  <p>I have added the required script in gsp page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function()
          {
            $("#datepicker").datepicker({dateFormat: 'yy/mm/dd'});
          })
  &lt;/script&gt;
  </code></pre>
  
  <p>What I am trying to accomplish is to add a date picker in the gsp.  What more should I do to make it work?  </p>
  
  <p>As advised I have checked the view source:
  Inside head:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/NTSuite_Web/assets/application.css?compile=false"&gt;
  &lt;link rel="stylesheet" href="/NTSuite_Web/assets/bootstrap.css?compile=false"&gt;
  &lt;link rel="stylesheet" href="/NTSuite_Web/assets/themes/ui-lightness/jquery-ui-1.10.4.custom.css?compile=false"&gt;
  
  &lt;script type="text/javascript"&gt;
              $(document).ready(function()
              {
                  $("#datepicker").datepicker({dateFormat: 'yy/mm/dd'});
              })
          &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
              function doSubmit(val){
                  document.getElementById('openMode').value=val;
                  document.party.submit();
              }
  &lt;/script&gt;
  </code></pre>
  
  <p>In body:</p>
  
  <pre><code>&lt;script src="/NTSuite_Web/assets/jquery/jquery-1.11.1.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/jquery.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/application.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-affix.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-alert.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-button.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-carousel.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-collapse.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-dropdown.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-modal.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-tooltip.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-popover.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-scrollspy.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap-tab.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;&lt;script src="/NTSuite_Web/assets/bootstrap-transition.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/bootstrap.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/NTSuite_Web/assets/js/jquery-ui-1.10.4.custom.js?compile=false" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My date picker:</p>
  
  <pre><code>&lt;input type="text" id="datepicker"&gt;
  </code></pre>
  
  <p>I have done all this without understanding whole process,  If I can get the answer with correct procedure to do this, it would be fantastic. </p>