title: jQuery-File-Upload - TypeError: $(...).fileupload is not a function
body: <p>I have my html/js code in my simple page JSP:</p>
  
  <pre><code>&lt;script type="text/javascript" src="jquery-2.1.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.iframe-transport.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.fileupload.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;form id="MyID" method="post" action="JSFPAGE" enctype="multipart/form-data"&gt;
  
  &lt;span class="btn btn-success fileinput-button"&gt;
     &lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt;
        &lt;span&gt;Select files...&lt;/span&gt;
        &lt;input id="fileupload" type="file" name="files[]" multiple&gt;
  &lt;/span&gt;&lt;br&gt;&lt;br&gt;
  &lt;!-- The global progress bar --&gt;
  &lt;div id="progress" class="progress"&gt;
      &lt;div class="progress-bar progress-bar-success"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- The container for the uploaded files --&gt;
  &lt;div id="files" class="files"&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function () {
      'use strict';
      // Change this to the location of your server-side upload handler:
      var url = 'xUpload.xsp';
      $('#fileupload').fileupload({
          url: url,
          dataType: 'json',
          done: function (e, data) {
              $.each(data.result.files, function (index, file) {
                  $('&lt;p/&gt;').text(file.name).appendTo('#files');
              });
          },
          progressall: function (e, data) {
              var progress = parseInt(data.loaded / data.total * 100, 10);
              $('#progress .progress-bar').css(
                  'width',
                  progress + '%'
              );
          }
      }).prop('disabled', !$.support.fileInput)
          .parent().addClass($.support.fileInput ? undefined : 'disabled');
  });
  &lt;/script&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>this is very simple...and all the JS resource are OK.
  But in the console I see this error:</p>
  
  <p><strong><em>TypeError: $(...).fileupload is not a function
  $('#fileupload').fileupload({</em></strong></p>
  
  <p>Have you any suggest for my problem?</p>