title: JQuery 'Aw Snap!' in Chrome but not crashing any other browser
body: <p>I'm having some difficulty with managing an administration page, where I constantly get an 'Aw Snap' in Chrome.</p>
  
  <p>I have a 'merchandise' administration page where you can add new products to the website.<br>
  If the user selects 'T-shirt' as the product type, some new options appear. Namely size and colour.</p>
  
  <p>Size is just a multiple select box but clicking on 'Add Colour' initialises a shadowbox.</p>
  
  <p><img src="https://i.stack.imgur.com/hEyvD.png" alt="Sizes &amp; Colours"></p>
  
  <p><img src="https://i.stack.imgur.com/dL3E7.png" alt="Shadowbox Form"></p>
  
  <p>The shadowbox allows the user to input a name for the colour and choose a hex colour (via the <a href="http://www.jar2.net/projects/jquery-wheelcolorpicker/demo" rel="nofollow noreferrer">Wheel Colour Picker</a> plugin) and upload a representative image (via <a href="http://www.uploadify.com/" rel="nofollow noreferrer">Uploadify</a>). On submission the Uploadify script uploads the file and then upon completion script sends the other colour information to the database via JQuery AJAX.</p>
  
  <p>Submit Button Script:</p>
  
  <pre><code>function add_colour_submit(){
      $('#admin-add-colour-response').text('Processing...').fadeIn(1000);
      $('#admin-add-colour-image').uploadifySettings('scriptData', {
          'title': $('#admin-add-colour-title').val(),
          'hex': $('#admin-add-colour-hex').val(),
          'gender': $('#admin-add-colour-gender').val()
      });
      $('#admin-add-colour-image').uploadifyUpload();
  }
  </code></pre>
  
  <p>Uploadify 'On Complete':</p>
  
  <pre><code>'onComplete': function (event, ID, fileObj, response, data) {
      $("#admin-add-colour-response").fadeTo(200,0.1,function(){
          $("#admin-add-colour-response").html('Complete.').fadeTo(900,1,
              function()
              {
                  var responseArray = response.split(',');
                  var id = responseArray[0];
                  var title = responseArray[1];
                  var hex = responseArray[2];
                  var gender = responseArray[3];
                  parent.get_colour(id, title, hex, gender);
              });
          });
      }
  </code></pre>
  
  <p>When the AJAX operation is complete, a feedback message shows 'Complete'.<br>
  After this time, the JQuery code closes the shadowbox programatically and on the parent page, a small div to represent the submitted colour is created. </p>
  
  <p><img src="https://i.stack.imgur.com/hA9E3.png" alt="Colour Div with 1 Colour"></p>
  
  <p>Potential to add multiple using this method.</p>
  
  <p><img src="https://i.stack.imgur.com/naKNu.png" alt="Colour Div with 2 Colours"></p>
  
  <p>Get Colour Function:</p>
  
  <pre><code>function get_colour(id, title, hex, gender){
      $('#sb-nav-close').click(); //trigger shadowbox close
      //create colour object div
      var colourObject = '&lt;div class="colourObject"&gt;&lt;div class="colourPreview" style="background:#'+hex+'"&gt;&lt;/div&gt;&lt;div class="colourInfo"&gt; '+title+' / '+gender+'&lt;/div&gt;&lt;div class="colourRemove"&gt;&lt;a href="#" onclick="remove_colour('+id+')"&gt;x&lt;/a&gt;&lt;/div&lt;/div&gt;'
      var currentList = $('#colour-list').html();
      $('#colour-list').html(currentList+colourObject);
  
      //re-initialise any shadowbox links in the page
      Shadowbox.init({
          skipSetup: false
      });
      Shadowbox.setup();
  }
  </code></pre>
  
  <p>My issue is that during the above function, perhaps during the closing of the shadowbox, I get an Aw Snap in Chrome. The screenshots of the colour div above were made using Safari where I have no problems what so ever.</p>
  
  <p>I have several plugins (shadowbox, wheel colour picker, uploadify, jquery) so could a clash of these be causing the error?</p>
  
  <p><strong>Update.</strong><br>
  I've just managed to test this in a few more browsers, and it's definitely a problem associated only with Chrome.</p>