checking if array contains string or value
<p>I am currently working on adding an array to another array by writing something in a texfield and clicking on a button. I also have an if statement, that is supposed to check if the strings im writing already exist in the table, and if it does, i should get an alert. However, i get an alert every time i try to add something, even though my array is empty. Any solution?</p>

<p>Javascript </p>

<pre><code>$(document).ready(function(){

var films = [];

// ändra bakgrundsfärg för textfield 
$('#name').keyup(function(){
            $('#name').css('background-color', 'white');
});

// ändra bakgrundsfärg för select lista
$('#options').change(function(){
            $('#options').css('background-color', 'white');
});

// kör funktionen när knappen med id "button" klickas
$("#button").click(function(){
    var titelBetyg = [];

    var titel = $('#name').val();
    var betyg = $('#options').val();

    // kontrollera om textfield är tom
    if(titel == ""){
        $('#name').css('background-color', 'red');
        alert("Mata in titel.....");
    }

    // kontrollera om select lista inte är vald
    else if(betyg == "0"){
        $('#options').css('background-color', 'red');
        alert("Välj betyg....");
    }

         // HERE IS THE IF STATEMENT WHERE IT FAILS
    // kontrollera om filmen redan finns
    else if($.inArray($("#name"), films) &gt; -1){
        alert("Filmen finns redan...");
    }

    else{
        titelBetyg.push(betyg);
        titelBetyg.push(titel);
        films.push(titelBetyg);

        var ul = $('#rightbar ul').empty();
        if (!ul.length){ // om ul inte finns
            ul = $("&lt;ul&gt;").appendTo('#rightbar'); // skapa en ny
        }

        // loopa igenom arrayen och placera innehållet i ul och li
        for (var i=0; i&lt;films.length; i++){
            ul.append("&lt;li&gt;" + films[i][1] + " " + "&lt;span&gt;" + films[i][0] + "&lt;/span&gt;" + "&lt;/li&gt;");
        }

        $('#form').get(0).reset();

    }
});

// kör funktionen när knappen med id "stigande" klickas
 $('#stigande').click(function () {
    if (films.length &gt; 1) {
        films.sort(function (a, b) {
            return (a[0].length &lt; b[0].length) ? 1 : -1;
        })
        var ul = $('#rightbar ul').empty();
        for (var i = 0; i &lt; films.length; i++) {
            ul.append("&lt;li&gt;" + films[i][1] + " " + "&lt;span&gt;" + films[i][0] + "&lt;/span&gt;" + "&lt;/li&gt;");
        }
    }
});

// kör funktionen när knappen med id "fallande" klickas
$('#fallande').click(function () {
    if (films.length &gt; 1) {
        films.sort(function (a, b) {
            return (a[0].length &gt; b[0].length) ? 1 : -1;
        })
        var ul = $('#rightbar ul').empty();
        for (var i = 0; i &lt; films.length; i++) {
            ul.append("&lt;li&gt;" + films[i][1] + " " + "&lt;span&gt;" + films[i][0] + "&lt;/span&gt;" + "&lt;/li&gt;");
        }
    }
});

});
</code></pre>
