title: How to customize Upload/Download Template of Blueimp jQuery File Upload
body: <p>I'm trying to use the <a href="http://blueimp.github.com/jQuery-File-Upload/">jQuery File Upload</a> Demo. I've searched through <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">wiki</a> &amp; template engine wiki but couldn't find an answer how to customize the Upload/Download template without using table row tag. Each time I remove/change table row tag it does not work.</p>
  
  <p>Bellow is my customized upload template and it does not work. I don know why, could somebody please help?</p>
  
  <pre><code>uploadTemplate: function (o) {
          var rows = $();
          $.each(o.files, function (index, file) {
              var row = $('&lt;li class="span3"&gt;&lt;div class="thumbnail template-upload"&gt;' +
                  '&lt;div class="preview"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;' +
                  '&lt;div class="caption"&gt;&lt;h5 class="name"&gt;&lt;/h5&gt;' +
                  '&lt;p class="size"&gt;&lt;/p&gt;' +
                  (file.error ? '&lt;div class="error" colspan="2"&gt;&lt;/div&gt;' :
                          '&lt;div&gt;&lt;div class="progress"&gt;' +
                              '&lt;div class="bar" style="width:0%;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;' +
                              '&lt;div class="start"&gt;&lt;button&gt;Start&lt;/button&gt;&lt;/div&gt;'
                  ) + '&lt;div class="cancel"&gt;&lt;button&gt;Cancel&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;');
              row.find('.name').text(file.name);
              row.find('.size').text(o.formatFileSize(file.size));
              if (file.error) {
                  row.find('.error').text(
                      locale.fileupload.errors[file.error] || file.error
                  );
              }
              rows = rows.add(row);
          });
          return rows;
      },
  </code></pre>