jQuery to only show labels of checked checkboxes and hide the unchecked ones

[guymlo]

I have this setup:\[code\]<style>.selectit{display:none;}</style><div id="foo"><label class="selectit"><input type="checkbox" name="one" id="one" checked>One</label><label class="selectit"><input type="checkbox" name="two" id="two">Two</label><label class="selectit"><input type="checkbox" name="three" id="three" checked>Three</label></div>\[/code\]I only want to display the Label tags for the checked inputs and hide the labels for others.something like show() for the checked inputs labels and hide() for the unchecked ones.example of working code:\[code\]<style>.selectit{display:none;}</style><div id="foo"><label class="selectit" style="display:block"><input type="checkbox" name="one" id="one" checked>One</label><label class="selectit"><input type="checkbox" name="two" id="two">Two</label><label class="selectit" style="display:block"><input type="checkbox" name="three" id="three" checked>Three</label></div>\[/code\]or maybe perhaps, make a new div and only show the text of the checked labels in that div.\[code\]<style>.selectit{display:none;}</style><div id="foo"><label class="selectit"><input type="checkbox" name="one" id="one" checked>One</label><label class="selectit"><input type="checkbox" name="two" id="two">Two</label><label class="selectit"><input type="checkbox" name="three" id="three" checked>Three</label></div><div id="output">One - Three</div>\[/code\]is this even possible? or do I need to do this by appending a div that searches the whole checkboxes? Any help is appreciated because I've exhausted all my options already and I'm out of ideas. Thank you in advance.