title: jQuery -- blockUI is not a function
body: <p>I have the following jQuery code that is giving me a problem.  I have two jQuery functions that both call blockUI, and I get the same error for both.  It says that blockUI is not a function.  Can anybody tell me why?</p>
  
  <pre><code>function loading() {
                  // register on click event for buttons.
                  $.blockUI({
                      message: '&lt;h3 class="fldHead"&gt;Loading... &lt;img src="/app/images/winliveprog.gif"/&gt;&lt;/h3&gt;'
                  });
                  $('body').css('cursor', 'wait');
          }
          $(function() {
              $('[name="btnPreviewPost"]').click(function() {
                  console.log('btnPreviewPost clicked');
                  $(this).blockUI();
                  loading();
                  $.blockUI({
                      message: '&lt;h3 class="fldHead"&gt;Loading... &lt;img src="/capserver/images/winliveprog.gif"/&gt;&lt;/h3&gt;'
                  });
                  $('body').css('cursor', 'wait');
              });
              $('[name="btnEditPost"]').click(function() {
                  console.log('btnEditPost clicked')
                  $(this).blockUI();
                  loading();
                  $.blockUI({
                      message: '&lt;h3 class="fldHead"&gt;Loading... &lt;img src="/capserver/images/winliveprog.gif"/&gt;&lt;/h3&gt;'
                  });
                  $('body').css('cursor', 'wait');
            });
          });
  </code></pre>