Есть такой код.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'>
    function add_news()
    {
        v_news_date = document.getElementById('news_date').value;
        v_caption = document.getElementById('caption').value;
        v_img = document.getElementById('img').value;
        v_news_text = document.getElementById('news_text').value;
        v_anounce = document.getElementById('anounce').value;        
        /*
        $.ajax(
        {
            url: 'add_news.php',
            data: 'news_date=v_news_date&caption=v_caption&img=v_img&news_text=v_news_text&anounce=v_anounce',
            success: function()
            {
                alert('News deleted.');
            }
            error: function()
            {
                alert(id);
            }
        }
        );
        */

Но при

echo "
<form enctype='multipart/form-data' action='add_news.php' method='post'>
    <p><label>Дата</label><input id='news_date' name='news_date' type='date' required></input></p>
    <p><label>Заголовок</label><input id='caption' name='caption' type='text' required></input></p>
    <p><label>Картинка</label><input id='img' name='img' type='file'></input></p>
    <p><label>Новость</label><textarea id='news_text' name='news_text' required></textarea></p>
    <p><label>Анонс</label><textarea id='anounce' name='anounce'></textarea></p>
    <p><input type='button' onclick='add_news();' value='+'></p>
</form>
";

не работает. Пишет
ReferenceError: add_news is not defined[Подробнее]

Почему и как победить?