jQuery 繰り返しのセレクトボタンを作成する時、初期表示の選択を指定する方法は？

Question

jqueryで繰り返しのセレクトボックスを表示する際、data.categoriesに｛category_id:20}{category_id:8｝が
入っていると、セレクトボックスの表示は、test20 tesut8を表示させたい。
8行目は、正しく[20、8]で順番に表示されるのですが、
リストボックスの表示test20 tesut8で表示されません。
むしろ値が反映されてない。

抜粋しているので、わかりにくいですが、、この状態で、
方法をご教授お願いします。

繰り返し時で、
$('#category_id ').val(item.category_id );で、はじめの値は20を指定されているが、
2回目に値が入っていないと思われる。

想定イメージ

    function setData(data) {
        var obj = JSON.parse(data.categories);
        $("#banner tr").remove();
        $.each(obj, function(index, item) {　//繰り返し２回
            console.log(item.category_id); <-　表示される値20,8
            $('#category_id ').val(item.category_id );
            var html = '';
            html += '<div>' + item.category_id +'</div>';
            html += '<select class="form-control input category_id" id="category_id" name="category_id">';
            html += '<option value="1">test1</option>'
            html += '<option value="8">test8</option>'
            html += '<option value="20">test20</option>'
            html += '</select></div>';
            $('#banner tbody').append(html);

        });
    }

Comments

[m.ts10806]

「順番とおり」とはどういうことでしょうか。
JavaScriptの中でforeach直接書いている時点で色々とやり方が間違っている気がしないでもないです。「この状態で　の方法」だと無理やりな形にしかならないのでアドバイスも得られにくいのでは。

[tyutyu]

内容修正しました。

[m.ts10806]

PHPのコードがなくなっていますが、PHP関係ないということでしょうか。
ちょっと修正の方針が良く分かりません。
そもそも　data.categories　にどういう値が来ているのか提示されないと応えようがないようにも思います。（あとHTMLをなるべく流れが分かる程度に提示していただきたいです）

[tyutyu]

記述はしてませんが、イメージ画像をアップしました。