Functional Javascript algorithm not returning the expected result from a filter
<p>I am practicing using map(), filter(), and concatAll()in Javascript.  I am expecting the code below to return the following:</p>

<pre><code>[{
   "id": 70111470,
   "title": "Die Hard",
   "boxart":"http://cdn-0.nflximg.com/images/2891/DieHard150.jpg" 
}]
</code></pre>

<p>It is not pulling in the URL from the boxart and I am not sure why. I get the following output when I run my code:</p>

<pre><code>[{"id": 70111470,"title": "Die Hard"}]
</code></pre>



<pre><code>function() {
    var movieLists = [
        {
            name: "Instant Queue",
            videos : [
                {
                    "id": 70111470,
                    "title": "Die Hard",
                    "boxarts": [
                        { width: 150, height:200, url:"http://cdn-0.nflximg.com/images/2891/DieHard150.jpg" },
                        { width: 200, height:200, url:"http://cdn-0.nflximg.com/images/2891/DieHard200.jpg" }
                    ],
                    "url": "http://api.netflix.com/catalog/titles/movies/70111470",
                    "rating": 4.0,
                    "bookmark": []
                }
             ]
          }
        ];

    getBoxart = function(boxart){
        return boxart.width==150;
    };

    getVideoData = function(video){return {id: video.id, 
                                        title: video.title, 
                                       boxart: video.boxarts.filter(getBoxart).url}
    };

    getVideos = function(movie){return movie.videos.map(getVideoData)}

    return movieLists.map(getVideos).concatAll();
}
</code></pre>