Fixed incorrect state of $allAtoms while removing items

Noticed that $allAtoms can end up into wrong state when adding and removing items simultaneously and Isotope will get unstable. See the attached html file used for demonstration. Just click the button three times and see the results.

The problems go away when $allAtoms is updated in the remove function itself, not in the removeContent callback function.

***

	<!doctype html>
	<html lang="en">
	<head>
	  
	  <meta charset="utf-8" />
	  <title>Add and remove items &middot; Isotope Demo</title>
	  
	  <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	  
	  <link rel="stylesheet" href="../css/style.css" />
	  
	  <!-- scripts at bottom of page -->
	
	</head>
	<body class="demos ">
	  
	  <nav id="site-nav">
		<h1><a href="../index.html">Isotope</a></h1>
	
		<h2>Docs</h2>
		
		<ul>
		  
			
			  <li><a href="../docs/introduction.html">Introduction</a>
			
		  
			
			  <li><a href="../docs/options.html">Options</a>
			
		  
			
			  <li><a href="../docs/methods.html">Methods</a>
			
		  
			
			  <li><a href="../docs/layout-modes.html">Layout modes</a>
			
		  
			
			  <li><a href="../docs/filtering.html">Filtering</a>
			
		  
			
			  <li><a href="../docs/sorting.html">Sorting</a>
			
		  
			
			  <li><a href="../docs/animating.html">Animating</a>
			
		  
			
			  <li><a href="../docs/adding-items.html">Adding items</a>
			
		  
			
			  <li><a href="../docs/extending-isotope.html">Extending Isotope</a>
			
		  
			
			  <li><a href="../docs/hash-history-jquery-bbq.html">Hash history with jQuery BBQ</a>
			
		  
			
			  <li><a href="../docs/help.html">Help</a>
			
		  
			
			  <li><a href="../docs/license.html">License</a>
			
		  
		</ul>
		
		<h2>Demos</h2>
		
		<ul>
		  
			
			  <li><a href="../demos/basic.html">Basic</a>
			
		  
			
			  <li><a href="../demos/elements-complete.html">Elements Complete</a>
			
		  
			
			  <li><a href="../demos/elements-partial.html">Elements Partial</a>
			
		  
			
			  <li><a href="../demos/layout-modes.html">Layout modes</a>
			
		  
			
			  <li><a href="../demos/filtering.html">Filtering</a>
			
		  
			
			  <li><a href="../demos/sorting.html">Sorting</a>
			
		  
			
			  <li><a href="../demos/relayout.html">reLayout</a>
			
		  
			
			  <li class="current"><a href="#content">Adding items</a></li>
			
		  
			
			  <li><a href="../demos/infinite-scroll.html">Infinite Scroll</a>
			
		  
			
			  <li><a href="../demos/images.html">Images</a>
			
		  
			
			  <li><a href="../demos/combination-filters.html">Combination filters</a>
			
		  
			
			  <li><a href="../demos/hash-history.html">Hash history</a>
			
		  
			
			  <li><a href="../demos/fluid-responsive.html">Fluid / responsive</a>
			
		  
			
			  <li><a href="../demos/removing.html">Removing</a>
			
		  
		</ul>
		
		<h2>Custom layout modes</h2>
		
		<ul>
		  
			
			  <li><a href="../custom-layout-modes/centered-masonry.html">Centered Masonry</a>
			
		  
			
			  <li><a href="../custom-layout-modes/category-rows.html">Category rows</a>
			
		  
			
			  <li><a href="../custom-layout-modes/masonry-corner-stamp.html">Masonry corner stamp</a>
			
		  
			
			  <li><a href="../custom-layout-modes/masonry-gutters.html">Masonry gutters</a>
			
		  
			
			  <li><a href="../custom-layout-modes/spine-align.html">Spine align</a>
			
		  
			
			  <li><a href="../custom-layout-modes/big-graph.html">BIG Graph</a>
			
		  
		</ul>
		
		<h2><a href="../tests/index.html">Tests</a></h2>
		
	  </nav> <!-- #site-nav -->
	  
	  <section id="content">
		
		  <h1>Add and remove items</h1>
		
	
	  <section id="options">
		<ul class="clearfix">
		  <li id="addandremove"><a href="#addandremove">Add and remove elements</a></li>
		</ul>
	  </section>
	
	  <div id="container" class="clearfix">
		
		  
			  
		<div class="element transition metal   " data-symbol="Hg" data-category="transition">
		  <p class="number">80</p>
		  <h3 class="symbol">Hg</h3>
		  <h2 class="name">Mercury</h2>
		  <p class="weight">200.59</p>
		</div>
		
		  
			  
		<div class="element metalloid   " data-symbol="Te" data-category="metalloid">
		  <p class="number">52</p>
		  <h3 class="symbol">Te</h3>
		  <h2 class="name">Tellurium</h2>
		  <p class="weight">127.6</p>
		</div>
		
		  
			  
		<div class="element post-transition metal   " data-symbol="Bi" data-category="post-transition">
		  <p class="number">83</p>
		  <h3 class="symbol">Bi</h3>
		  <h2 class="name">Bismuth</h2>
		  <p class="weight">208.9804</p>
		</div>
		
		  
			  
		<div class="element transition metal   " data-symbol="Cd" data-category="transition">
		  <p class="number">48</p>
		  <h3 class="symbol">Cd</h3>
		  <h2 class="name">Cadmium</h2>
		  <p class="weight">112.411</p>
		</div>
		
		  
			  
		<div class="element alkaline-earth metal   " data-symbol="Ca" data-category="alkaline-earth">
		  <p class="number">20</p>
		  <h3 class="symbol">Ca</h3>
		  <h2 class="name">Calcium</h2>
		  <p class="weight">40.078</p>
		</div>
		
		  
			  
		<div class="element transition metal   " data-symbol="Re" data-category="transition">
		  <p class="number">75</p>
		  <h3 class="symbol">Re</h3>
		  <h2 class="name">Rhenium</h2>
		  <p class="weight">186.207</p>
		</div>
		
		  
			  
		<div class="element post-transition metal   " data-symbol="Tl" data-category="post-transition">
		  <p class="number">81</p>
		  <h3 class="symbol">Tl</h3>
		  <h2 class="name">Thallium</h2>
		  <p class="weight">204.3833</p>
		</div>
		
		  
			  
		<div class="element metalloid   " data-symbol="Sb" data-category="metalloid">
		  <p class="number">51</p>
		  <h3 class="symbol">Sb</h3>
		  <h2 class="name">Antimony</h2>
		  <p class="weight">121.76</p>
		</div>
		
		  
			  
		<div class="element transition metal   " data-symbol="Co" data-category="transition">
		  <p class="number">27</p>
		  <h3 class="symbol">Co</h3>
		  <h2 class="name">Cobalt</h2>
		  <p class="weight">58.933195</p>
		</div>
		
		  
			  
		<div class="element lanthanoid metal inner-transition   " data-symbol="Lu" data-category="lanthanoid">
		  <p class="number">71</p>
		  <h3 class="symbol">Lu</h3>
		  <h2 class="name">Lutetium</h2>
		  <p class="weight">174.9668</p>
		</div>
		
		  
			  
		<div class="element noble-gas nonmetal   " data-symbol="Ar" data-category="noble-gas">
		  <p class="number">18</p>
		  <h3 class="symbol">Ar</h3>
		  <h2 class="name">Argon</h2>
		  <p class="weight">39.948</p>
		</div>
		
		  
			  
		<div class="element alkali metal   " data-symbol="Rb" data-category="alkali">
		  <p class="number">37</p>
		  <h3 class="symbol">Rb</h3>
		  <h2 class="name">Rubidium</h2>
		  <p class="weight">85.4678</p>
		</div>
		
		  
			  
		<div class="element other nonmetal   " data-symbol="N" data-category="other">
		  <p class="number">7</p>
		  <h3 class="symbol">N</h3>
		  <h2 class="name">Nitrogen</h2>
		  <p class="weight">14.0067</p>
		</div>
		
		  
			  
		<div class="element actinoid metal inner-transition   " data-symbol="Np" data-category="actinoid">
		  <p class="number">93</p>
		  <h3 class="symbol">Np</h3>
		  <h2 class="name">Neptunium</h2>
		  <p class="weight">(237)</p>
		</div>
		
		  
			  
		<div class="element actinoid metal inner-transition   " data-symbol="Ac" data-category="actinoid">
		  <p class="number">89</p>
		  <h3 class="symbol">Ac</h3>
		  <h2 class="name">Actinium</h2>
		  <p class="weight">(227)</p>
		</div>
		
	  </div> <!-- #container -->
	
	  <script src="../js/jquery-1.7.1.min.js"></script>
	  <script src="../jquery.isotope.min.js"></script>
	  <script src="../js/fake-element.js"></script>
	  <script>
		$(function(){
		  
		  var $container = $('#container');
		  
		  var $newEls;
	
		  
		  $('#addandremove a').click(function(){
			if ($newEls) {
			  $container.isotope('remove', $newEls);
			}
			$newEls = $( fakeElement.getGroup() );
			$container.isotope( 'insert', $newEls );
			$container.isotope({'sortBy': 'symbol'});
	
			return false;
		  });
	
		  $container.isotope({
			itemSelector : '.element',
			filter: '*',
			getSortData : {
			  symbol : function( $elem ) {
				return $elem.attr('data-symbol');
			  }
			},
			sortBy : 'symbol'
		  });
		
		});
	  </script>
		
		<footer>
		  Isotope by <a href="http://desandro.com">David DeSandro</a> / <a href="http://metafizzy.co">Metafizzy</a>
		</footer>
		
	  </section> <!-- #content -->
	  
	
	</body>
	</html>