I'm trying to change a href value of a button, but it's not working. I'm using jquery-1.8.0 and created a function like this:

2. $('input[name=radio-group-1]:radio').change(function() {
3.       if ($(this).val() == 'no') { 
4.             $('.btn[href=http://www.google.com]').attr("href","http://www.yahoo.com");
5.       }
6. });

HTML:

2. <label for="yes">Yes</label>
3. <input type="radio" name="radio-group-1" value="yes" />
4. 
   
5. <label for="no">No</label>
6. <input type="radio" name="radio-group-1" value="no" />
7. 
   
8. <a href="http://www.google.com" class="btn">next</a>

I've made a pen of it here:
http://codepen.io/gentleone/full/gKrAB

Hope someone can point me in the right direction. Thanks in advance!