Responsive navigation plugin

I liked this technique when I saw it mentioned in the Adaptive Web Design book that I read ( and I wanted to implement it on the web app that I built for the Girl Scouts cookie booth web app I built a couple of years ago so that the nav would take up less real estate when viewed on a smartphone.

I found this nifty lightweight plugin that does the job quite nicely:

TinyNav.js is a tiny jQuery plugin (443 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select dropdowns for small screen. It also automatically selects the current page and adds selected="selected" for that item.