Question

Why is name_Scenario[i] iterating each individual char instead of each string in the array?

var num_Scenarios;
var num_Features;
var name_Scenario = ["Login", "Users", "Yo", "Whatsup", "Diablo 3", "Junglr", "Microsoft", "Another", "Hi", "Anyone", "O", "Happy", "Stuff", "Sleep", "Account"];
var desc_Scenario;

function normalGrid() {
    $("#tile-bank").remove();
    $("#content").append("<div id=\"tile-bank\"></div>");
    //Code where your data is received and you run addScenario() per interation
    //filler global vars that your data will replace
    num_Scenarios = 15;
    num_Features = 20;
    name_Scenario = "Login";
    desc_Scenario = "This is a description.";
    var add_to = $("#tile-bank");
    for (var i = 0; i < num_Scenarios; i++) {
        addScenario(add_to, num_Features, name_Scenario[i], desc_Scenario);
    }

Answer 1

After name_Scenario = "Login"; line , name_Scenario is a string or ,in other words,an array of chars,and your are iterating through that chars. Just remove that line.

for (var i = 0; i < name_Scenario.length; i++) {
//changed 'num' to 'name'--^       ^---added '.length' here
    addScenario(add_to, num_Features, name_Scenario[i], desc_Scenario);
}