ajax - ajax - ハイフンを含むデータを送信しない

Question

私はそのようなコードを持っています

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("form#submit").submit(function() {
    // we want to store the values from the form input box, then send via ajax below
    var word = $('#word').attr('value');
    var sentence = $('#sentence').attr('value');
    var email = $('#email').attr('value');
        $.ajax({
            type: "POST",
            url: "/sentence-examples/suggestsentence.php?",
            data: "sentence="+ sentence+
            "&word="+ word+
            "&email="+ email,
            success: function(data){
                $('form#submit :input').not('input[type="submit"]').val("");
                $('div.success').fadeIn();
                $('div.success').html(data);
            }
        });
    return false;
    });
});
function hide(obj) {
    var el = document.getElementById(obj);
    el.style.display = 'none';
}

「word」に「half-breed」のようなハイフンが含まれている場合、私が理解できない何らかの理由で、変数がスクリプトに渡されません。空白になります。

何か助けはありますか？