$(document).ready(function(){
 recruitByTalent({
  defaultNeed: "None",
  deathknight : "l,l,x",
  druid       : "h,h,h",
  hunter      : "x,l,x",
  mage        : "x,m,x",
  paladin     : "h,l,m",
  priest      : "m,h,h",
  rogue       : "l,l,x",
  shaman      : "m,l,m",
  warlock     : "l,l,x",
  warrior     : "x,h,h"
 });
});

<div class="recruitTitle">Core 1 Needs</div>
<div class="recruitTalent" id="recruit1"></div>
<br>
<div class="recruitTitle">Core 2 Needs</div>
<div class="recruitTalent" id="recruit2"></div>

<link rel="stylesheet" href="http://www.axiomfiles.com/Files/258012/wowtalents.css" type="text/css" />
<script src="http://www.axiomfiles.com/Files/258012/wowtalents.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#recruit1').wowTalents({
   colorBackground: false,
   useClassColors: true,
   defaultNeed: 'n',
   druid : ',-,h',
   mage  : 'l,m,h',
   warrior : 'n,l,h'
  });

  $('#recruit2').wowTalents({
   colorBackground: true,
   useClassColors: true,
   defaultNeed: 'l',
   druid : 'm,n,h',
   rogue : 'm,l,m',
   warrior : ',n,m'
  });
})
</script>