najamkhn · December 18, 2013 10:07
diff --git a/jsbin.ehUmUTIC.css b/jsbin.ehUmUTIC.css
 .divfactory {
  background: red;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 10px; 
  -moz-box-shadow: 2px 2px 5px #888;
  -webkit-box-shadow: 2px 2px 5px #888;
  box-shadow: 2px 2px 5px #888;
 }
diff --git a/jsbin.ehUmUTIC.html b/jsbin.ehUmUTIC.html
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script><html>
  <body>
     <div class="content">
     </div>
    <a href="#" class="add-box">Add a Box</a>
  </body>
  
 </html>
diff --git a/jsbin.ehUmUTIC.js b/jsbin.ehUmUTIC.js
 jQuery(document).ready(function(){

  var counter = 0;
  
  $('.add-box').click(function(){
      var divFactory = $('<div class="divfactory" />');
      console.log(divFactory);
      divFactory.attr('id', 'box-' + counter++);
      $(document.body).append(divFactory);
      return false;
  });
 });
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script><html>
	<body>
	<div class="content">
	</div>
	<a href="#" class="add-box">Add a Box</a>
	</body>

	</html>
	jQuery(document).ready(function(){

	var counter = 0;

	$('.add-box').click(function(){
	var divFactory = $('<div class="divfactory" />');
	console.log(divFactory);
	divFactory.attr('id', 'box-' + counter++);
	$(document.body).append(divFactory);
	return false;
	});
	});