Javascript href не включает многословные записи в массиве

Я пишу скрипт, который будет отображать в двух столбцах список предлагаемых слов на странице сайта. Предложенное слово будет отображаться в виде гиперссылки, которая ведет на другую страницу с дополнительной информацией об этом конкретном слове. Проблема, с которой я сталкиваюсь, заключается в том, что гиперссылка показывает только первое слово в предложенном слове в этом месте в массиве. Например, если предлагаемое слово в предложениях [m] должно было быть «собачий дом», гиперссылка содержит только «собаку» и, таким образом, ведет на другую страницу с дополнительной информацией. Отображаемое слово правильное, поэтому на странице отображается «собачья будка», а неверна только гиперссылка. Что я делаю не так с href? Есть ли что-то в шаблоне, что предотвращает многословные строки?

if (suggestions.length) {

    var table = '<table cellspacing = "1" cellpadding = "5">';
    var tolength = suggestions.length
    if (tolength ===1){
        for (var i = 0; i < suggestions.length; i++) {
             var b = suggestions[i]
             table += '<tr>';
             table += '<td><a href=word?word=>' + suggestions[i] + '</a></td>';
             table += '</tr>';
        }
     }
     if (tolength > 1){
        for (var m = 0; m < tolength; m+=2) {
             table += '<tr>';
             table += '<td><a href=word?word='+ suggestions[m] + '>' + suggestions[m] + '</a></td>';
             table += '<td><a href=word?word='+ suggestions[m+1] +'>'  + suggestions[m+1] + '</a></td>';
             table += '</tr>'
         }
      }

      table += '</table>';

      document.getElementById('sug').innerHTML = table;


}