title: ReferenceError: display is not defined
body: <p>I got this 'ReferenceError: display is not defined' where my script link are as below.</p>
  
  <pre><code>&lt;script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I replace them with latest version 1.11.1 and tried with </p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But still there is Reference Error. What should i change my display function(Script):</p>
  
  <pre><code>function display(view) {
    if (view == 'list') {
      $('.product-grid').attr('class', 'product-list');
      $('.product-list &gt; div').each(function(index, element) {
          html = '&lt;div class="left"&gt;';
          var image = $(element).find('.image').html();   
          if (image != null) { 
              html += '&lt;div class="image"&gt;' + image + '&lt;/div&gt;';
          }
          html += '&lt;div class="mask hide-phone"&gt;';
          html += '  &lt;div class="wishlist"&gt;' + $(element).find('.wishlist').html() + '&lt;/div&gt;';
          html += '  &lt;div class="compare"&gt;' + $(element).find('.compare').html() + '&lt;/div&gt;';
          html += '&lt;/div&gt;';           
          html += '  &lt;div class="name"&gt;' + $(element).find('.name').html() + '&lt;/div&gt;';
          html += '  &lt;div class="description"&gt;' + $(element).find('.description').html() + '&lt;/div&gt;';
          var rating = $(element).find('.rating').html();         
          if (rating != null) {
              html += '&lt;div class="rating"&gt;' + rating + '&lt;/div&gt;';
          }
          var price = $(element).find('.price').html();       
          if (price != null) {
              html += '&lt;div class="price"&gt;' + price  + '&lt;/div&gt;';
          }
          html += '  &lt;div class="cart"&gt;' + $(element).find('.cart').html() + '&lt;/div&gt;';
          html += '  &lt;div class="cart-phone show-phone hide-desktop hide-tablet"&gt;' + $(element).find('.cart-phone').html() + '&lt;/div&gt;';            
          html += '&lt;/div&gt;';
          $(element).html(html);
      });     
      $('.display').html(' &lt;div id="list_b"&gt;&lt;/div&gt;  &lt;a id="grid_a" title="&lt;?php echo $text_grid; ?&gt;" onclick="display(\'grid\');"&gt;&lt;/a&gt;');
      $.totalStorage('display', 'list'); 
      } else {
      $('.product-list').attr('class', 'product-grid');
      $('.product-grid &gt; div').each(function(index, element) {
          html = '';
          var image = $(element).find('.image').html();
      if (image != null) {
              html += '&lt;div class="image"&gt;' + image + '&lt;/div&gt;';
          }
          html += '&lt;div class="mask hide-phone"&gt;';
          html += '  &lt;div class="wishlist"&gt;' + $(element).find('.wishlist').html() + '&lt;/div&gt;';
          html += '  &lt;div class="compare"&gt;' + $(element).find('.compare').html() + '&lt;/div&gt;';
          html += '&lt;/div&gt;';
          html += '&lt;div class="name"&gt;' + $(element).find('.name').html() + '&lt;/div&gt;';
          html += '&lt;div class="description"&gt;' + $(element).find('.description').html() + '&lt;/div&gt;';
      var rating = $(element).find('.rating').html();
          if (rating != null) {
              html += '&lt;div class="rating"&gt;' + rating + '&lt;/div&gt;';
          }
          var price = $(element).find('.price').html();
          if (price != null) {
              html += '&lt;div class="price"&gt;' + price  + '&lt;/div&gt;';
          }
          html += '&lt;div class="cart"&gt;' + $(element).find('.cart').html() + '&lt;/div&gt;';
          html += '  &lt;div class="cart-phone show-phone hide-desktop hide-tablet"&gt;' + $(element).find('.cart-phone').html() + '&lt;/div&gt;';
          $(element).html(html);
      });                     
      $('.display').html(' &lt;a id="list_a" title="&lt;?php echo $text_list; ?&gt;" onclick="display(\'list\');"&gt;&lt;?php echo $text_list; ?&gt;&lt;/a&gt; &lt;div id="grid_b"&gt;&lt;/div&gt;');
  $.totalStorage('display', 'grid');
    }
   }
  view = $.totalStorage('display');    
  if (view) {    
      display(view);    
  } else {    
      display('list');    
  }
  </code></pre>