title: more than one issue--jquery mostly works in Chrome but not IE or Firefox, also need help separating links, and opening windows
body: <p>So here is my problem. I have a list of checkboxes.  When clicked and submitted it is to generate a list from the selected checkboxes that are links to resources.  The links are to open in a new window.</p>
  
  <p>I am still working out the bugs but when I test it in Chrome it mostly works (as in it generates my new list and creates at least one link) when I test it in IE or firefox it doesn't appear to work at all.  I have done an alert test to make sure I have jquery/javascript enabled.</p>
  
  <p>Another problem other than browser issues I am having is that when my list is generated from the checkbox clicks, my new list is to be links.  What ends up happening is that it is one big link instead of seperate links.  Not too sure how to fix that.</p>
  
  <p>Then I need each link to open in a new window.  I think once I figure these other details out I am sure I can figure this out.  I am just getting rather frustrated.  I have included my code.  Maybe someone can help me figure out what the heck I am doing wrong!!!</p>
  
  <p>Thanks for your help!</p>
  
  <p>Kind Regards,
  KMS</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  
  
  $(document).ready(function(){
      $("#show").click(function(){
          outputResources();
   $("#reset").click(function(){
          location.reload();
      });
   });
  });
  
   
     
  
  function outputResources(){
   
   
   var resourceArray=[];
   $(".resource:checked").each(function(){
    resourceArray.push($(this).val());
   });
   
   //urls
   var urlsArray=[];
   $(".resource:checked").each(function(){
    urlsArray.push($(this).attr("href"));
   });
   
   var links;
   links=urlsArray;
    
   var results;
   results=resourceArray;
   
   var output ="You have selected:&lt;li&gt;&lt;a class='rLinks' href='"+links+"'&gt;"+results+"&lt;/a&gt;&lt;/li&gt;";
   
   
   if(results.length&gt;0){
    $("#show").attr("disabled",true); 
    $("#resourceResults").html(output);
    displayResults();
   }else{
    $("#show").attr("disabled",false);
    alert("Please select one or more resources to continue");
    
   }
   
  }
  
  
  //resource used: http://www.w3schools.com/JQuery/jquery_hide_show.asp
  function displayResults(){
   $("#resourceResults").show(2000).delay("slow").fadeIn();
   
   
   $("#cList").hide("slow").fadeOut(2000);
   $("#reset").show(2000).delay("slow").fadeIn();
  }
  
  $("a.rLinks").click(function(){
   window.open();
   return false; 
  });
   
  
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;p&gt;Tell us how we can help you.  &lt;/p&gt;
  &lt;section id="checklist"&gt;
  &lt;h3&gt;I would like to know more about the following resources:&lt;/h3&gt;
  &lt;form id="cList"&gt;
  &lt;input type="checkbox" class="resource" value="resource1" href="https://www.google.com"&gt;resource1&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource2" href="https://www.google.com"&gt;resource2&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource3" href="https://www.google.com"&gt;resource3&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource4" href="https://www.google.com"&gt;resource4&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource5" href="https://www.google.com"&gt;resource5&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource6" href="https://www.google.com"&gt;resource6&lt;br&gt;
  &lt;input type="checkbox" class="resource" value="resource7" href="https://www.google.com"&gt;resource7&lt;br&gt;
  
  &lt;button id="show"&gt; Show Me the Resources&lt;/button&gt;
  
  &lt;/form&gt;
  
  &lt;div id="resourceResults"&gt;
  &lt;/div&gt;
  &lt;button id="reset"&gt; Reset&lt;/button&gt;
  &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>