title: Submit filter form on link click
body: <p>I'm trying to make something a bit like this:</p>
  
  <p><img src="https://i.stack.imgur.com/yRjBV.png" alt="enter image description here"></p>
  
  <p>This is my code: <a href="http://jsfiddle.net/928Dj/19/" rel="nofollow noreferrer">http://jsfiddle.net/928Dj/19/</a></p>
  
  <pre><code>$("ul.opt").addClass("hidden");
  $('#filter &gt; li &gt; a').on("click", function (e) {
      var cache = $(this).next('ul');
      $('#filter ul:visible').not(cache).hide();
      cache.toggle();
  });
  </code></pre>
  
  <p>I'm trying to make it degradable so without javascript they can submit the form to adjust the results, but with javascript they can just click the text of the desired result. </p>
  
  <p><strong>Question A</strong></p>
  
  <p>How can I make it so by them clicking the text alone, with javascript enabled, it not only selects the radio button but also submit the form. </p>
  
  <p><strong>Question B</strong></p>
  
  <p>Is my code the right approach to achieve this desired outcome?</p>