jquery replace not replacing all spaces with -

Question

Why is my jquery not replacing all spaces with a '-'. It only replaces the first space with a '-'

$('.modhForm').submit(function(event) {

        var $this = $(this),
            action = $this.attr('action'),
            query = $this.find('.topsearchbar').val(); // Use val() instead of attr('value').

        if (action.length >= 2 && query.length >= 2 && query.lenght <=24) {

          // Use URI encoding
          var newAction = (action + '/' + query.replace(' ','-'));
          console.log('OK', newAction); // DEBUG

          // Change action attribute
          $this.attr('action', newAction);

        } else {
          console.log('To small to be any good'); // DEBUG

          // Do not submit the form
          event.preventDefault();
        }
    });

Answer 1

Try with this:

.replace(/\s/g,"-");

Demo: JSFiddle

Answer 2

Try this:

var str = 'a b c';
var replaced = str.split(' ').join('-');