listview filtering with a dropdown menu
<p>If anybody could give me any guidance on this would be greatly appreciated as i have been stuck on this for weeks!</p>

<p>I have a page that pulls in some data dynamically into a listview in Jquery, it works as expected, but what i would like is to have a dropdown menu above the listview that you can select from and it filters the list underneath. Is this possible in jQuery? Below is the JS that i have so far. I have created a script for the dropdown menu and it records the value when i select it, I would then like to search the listview for the text returned from the dropdown menu. </p>

<p>Any help would be greatly appreciated.</p>

<p>Thank you </p>

<pre><code>    var googleResult  = [];
        google.load("feeds", "1");

        function initialize() {
          var feed = new google.feeds.Feed("http://www.vetsonline.com/annonces/rss.php?idp=18&amp;id_rss=103&amp;site=14&amp;page=accueil&amp;c_texte=&amp;c_secteur=&amp;c_type_transac=&amp;c_type=&amp;template=rssv2.xml");

       feed.setResultFormat(google.feeds.Feed.MIXED_FORMAT);
       //feed.includeHistoricalEntries();
       feed.setNumEntries(90);
       feed.load(function (result) {
           console.log(result);

        if (!result.error) {
            googleResult  = result ;
            var output = '&lt;ul data-role="listview" data-filter="true" data-filter-placeholder="Search for a phrase/word"&gt;';
            var container = document.getElementById("feed");
            for (var i = 0; i &lt; result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];
                var publishedDate = new Date($(this).find("publishedDate").text());
                    var day = publishedDate.getDate();
                    var month = publishedDate.getMonth() + 1;
                    var year = publishedDate.getFullYear();
                    var date = month + '/' + day + '/' + year;

                output += '&lt;li&gt;';
                output += '&lt;a href= "#feedContent?i=' + i + '" data-transition = "slide" &gt;';
                //output += '&lt;p class="ui-li-aside"&gt;' + entry.publishedDate + '&lt;/p&gt;';
                output += '&lt;h1&gt;' + entry.title + '&lt;/h1&gt;';

                output += '&lt;p&gt;' + entry.contentSnippet + '&lt;/p&gt;';
                //output += '&lt;p&gt;' + entry.publishedDate + '&lt;/p&gt;';
                output += '&lt;/a&gt;';
                output += '&lt;/li&gt;';
            }
            output += '&lt;/ul&gt;';

            $('#jobsFeed').html(output);
            $('#jobsFeed').trigger('create');

        }
       });
        }
        google.setOnLoadCallback(initialize);

        $(document).on("pagebeforechange", function (e, data) {
            // We only want to handle changePage() calls where the caller is
            // asking us to load a page by URL
            if (typeof data.toPage === "string") {
                // We are being asked to load a page by URL
                var u = $.mobile.path.parseUrl(data.toPage), _re = "#feedContent";

                if (u.hash.search(_re) !== -1) {
                    var i = urlParam("i", data.toPage);
                    $("#feedContent").remove();
                    var $page = $("&lt;div data-role='page' id='feedContent' data-add-back-btn='true'&gt;&lt;div data-role='header'&gt;&lt;h1&gt;" + googleResult.feed.entries[i].title + "&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;");
                    var $content = $("&lt;div data-role='content' id='feedContent'&gt;&lt;/div&gt;");
                    $content.append(googleResult.feed.entries[i].content);
                    $page.append($content);
                    $.mobile.pageContainer.append($page); 
                }
            }
        });


    // Determine url param
        var urlParam = function (name, url) {
            var results = new RegExp('[\\?&amp;]' + name + '=([^&amp;#]*)').exec(url);
            return results !== null ? results[1] || "" : "";
        }

    $(function() {
          $('#selectmenu').change(function() {
              var jobVal = $(this).val();
              console.log(jobVal);
              alert('You selected ' + jobVal);
                   $('#jobsFeed').filter(function(index) {
                    jobVal;
                    })             
          });
    });
</code></pre>
